如何在 react native 中将状态变量分配给样式组件

Question

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

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

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

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