如何在React Native中选择FlatList项?

时间:2018-05-19 06:47:35

标签: javascript react-native

我有这段代码:

renderRooms = ({item:room}) => {
  return(
    <View style={styles.cards}>
      <View style={styles.cardRight}>
        <View style={{ marginLeft:2, alignItems: 'center', flex:1 }}>
          <Text style={{fontSize:12, marginTop:10, marginBottom: 5, color:'#B0B0B0'}}>
             Harga/malam
          </Text>      
          <Text style={{fontSize:12, textDecorationLine:'line-through'}}>              
            {`${'Rp.'}${room.pricing.normal}`}
          </Text>
          <Text style={{fontSize:14, fontWeight:'800', color:'#26de81', }}>
            {`${'Rp.'}${room.pricing.discount}`}
          </Text>
          <CheckBox
            // center
            iconRight
            title={this.state.showContinueToPayment == true ? 'Batal' : 'Pilih'}                                                            
            checked={this.state.showContinueToPayment}
            containerStyle={{padding:5, borderColor:'white', backgroundColor:'white'}}
            onPress={() => this.setState({showContinueToPayment: !this.state.showContinueToPayment})}
          />
        </View>
      </View>
    </View>
  )
}

这一部分:

<CheckBox
  iconRight
  title={this.state.showContinueToPayment == true ? 'Batal' : 'Pilih'}                                                                                            
  checked={this.state.showContinueToPayment}
  containerStyle={{padding:5, borderColor:'white', backgroundColor:'white'}}
  onPress={() => this.setState({showContinueToPayment: !this.state.showContinueToPayment})}
/>

我希望能够设置state的{​​{1}},但我无法完成。

我使用checkbox,当我渲染我的应用时,这个FlatList给了我2个列表。我认为问题是这2个列表应该有自己的状态。但我不知道该怎么做。

寻找一些帮助。先谢谢你。

0 个答案:

没有答案