文章/答案/技术大牛

发布

社区首页 >问答首页 >React Native Change state by state

问React Native Change state by state
EN

Stack Overflow用户

提问于 2018-06-08 15:54:52

回答 4查看 46关注 0票数 0

当this.state.item1为true时，它不起作用。

 onfocus: {
    backgroundColor: 'black',
    width: 800,
  },
 this.state = {     
      item1: true,   
  }; 
      <Image key={"item1"} style={this.state.item1 && styles.onfocus} source={{ uri: 'https://github.com/c-bata/react-native-focus-scroll/blob/master/example/assets/rokko-yamatanoorochi-ipa.jpg?raw=true' }} />

react-native

native

styling

回答 4

Stack Overflow用户

发布于 2018-06-08 17:12:59

看起来您引用了item1作为键，如果您尝试使用状态项，则需要使用this.state.item1。

<Image key={"this.state.item1"} style={this.state.item1 && styles.onfocus} source={{ uri: 
'https://github.com/c-bata/react-native-focus- 
scroll/blob/master/example/assets/rokko-yamatanoorochi-ipa.jpg?raw=true' }} />

但是，键不应该是布尔值，它需要是唯一的标识符。

票数 0

Stack Overflow用户

发布于 2018-06-08 17:22:54

使用这个，它应该是工作

<Image key={"item1"} style={this.state.item1 === 'your_condition' ? styles.onfocus : style.another_styles} source={{ uri: 'https://github.com/c-bata/react-native-focus-scroll/blob/master/example/assets/rokko-yamatanoorochi-ipa.jpg?raw=true' }} />

票数 0

Stack Overflow用户

发布于 2018-06-08 18:05:06

使用三元运算符显示条件的样式：

“(条件)？satisfied_condition : unsatisfied_condition”

<Image key={"item1"} style={(this.state.item1==true) ? styles1 : style2} source={{ uri: 'https://github.com/c-bata/react-native-focus-scroll/blob/master/example/assets/rokko-yamatanoorochi-ipa.jpg?raw=true' }} />

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50755955

复制

相似问题

问React Native Change state by state
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Native Change state by stateEN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Native Change state by state
EN