在 react-native 中使用样式而不是 JSX 属性答案

【问题标题】：Using style rather than JSX property in react-native在 react-native 中使用样式而不是 JSX 属性
【发布时间】：2020-11-05 18:33:52
【问题描述】：

在 React-Native 0.62.2 中，设置 resizeMode 的正确语法似乎是：

<Image style={{width: 20, height: 20}} resizeMode="contain" />

但是，我不小心做了以下事情：

<Image style={{width: 20, height: 20, resizeMode: 'contain'}} />

它还将 resizeMode 设置为包含图像。

为什么这两种方法都有效？两种方法是否同样有效？其他 JSX 属性也可以这样做吗？

【问题讨论】：

CMIIW，据我所知，property 都可以工作，但如果你把resizeMode 放在style 和props 中，它将相互覆盖，例如<Image style={{resizeMode:'cover', ...restStyle}} resizeMode='contain' /> 所以resizeMode in style 将替换为 contain

【解决方案1】：

两种方式都可以。如果您查看code（第 112 行），您将看到以下内容：

const resizeMode = props.resizeMode || style.resizeMode || 'cover';

其他 JSX 属性也可以这样做吗？

不，这显然是个例外。发生了很多混乱，这就是为什么开发人员让这两个事情成为可能。

【讨论】：