react-native - 如何在本机反应中将状态变量分配给样式组件？

Question

使用 react.js 可以将状态变量分配给 div 或任何其他元素，如下所示：

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

使用本机反应，我看不到如何实现相同的逻辑：

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

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

标签： react-native

Answer 1

//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
 }
}