React Native View 风格的道具作为内联道具

Question

这不是错误。 只是为了确定查看 styles 道具 object 也支持作为内联道具吗？

示例（经典方式，也是用 React Native Doc 编写的）

function App() {
  return (
    <View style={styles.box}></View>
  )
}

const styles = Stylesheet.create({
  box: {
    height: 200,
    width: 200,
    backgroundColor: 'tomato',
  },
})

上面的例子没有错，可以正常工作。 但是，我尝试构建受 React Material UI的 Box 组件启发的样式框组件，我发现还有另一种简单的方法是您可以在 View 中将样式属性编写为道具。 以下示例我在 React Native 0.62 上尝试过。

function App() {
  return (
    <View
      height={200}
      width={200}
      backgroundColor="tomato"
    ></View>
  )
}

这不是在 React Native Docs 中写的，只是想确定使用它是否安全？

Answer 1

这是示例

function App() {
  return (
    <View
style={{
      height:200,
      width:200,
      backgroundColor:"tomato"}}
    >
//here your code
</View>
  )
}

Answer 2

这里是另一个示例样式 class 与内联样式

function App() {
  return (
    <View
style={[style.classNameHere,{
      height:200,
      width:200,
      backgroundColor:"tomato"}]}
    >
//here your code
</View>
  )
}