Question

使用react.js，可以将状态变量分配给div或诸如此类的任何其他元素：

<div className={this.state.test}>

使用react native时，我看不到如何实现相同的逻辑：

<Image style={this.state.test} />

此示例中的测试变量='styles.custom'

Answer 1

外部花括号表示它是js，内部花括号表示它是样式对象，因此需要双花括号

  <Image style={{this.state.test}} />

Answer 2

//imports
class App extends Component {
  state = {
    width: 64 //random property
  }
  render() {
   return <Image source={...} style={[styles.button, {...this.state}]}>
  }
}
const styles = StyleSheet.create{
 button: {
  height: 64
 }
}

如何在React Native中为样式组件分配状态变量？

2 个答案: