【问题标题】:checkbox is not displaying checked (react native)复选框未显示选中(反应原生)
【发布时间】:2018-10-22 10:07:34
【问题描述】:

我正在使用 react-native-element 中的复选框

当我选中该框时,它不会显示已选中 我怎样才能显示它? 这是我的代码

 <View>
                    <FlatList data={all_national_number}
                        keyExtractor={(item, index) => index.toString()}
                        renderItem={({ item }) =>
                            <CheckBox

                                title={item} 
                                uncheckedIcon={<Image source={require('../../assets/unchecked.png')} />}
                           checkedIcon={<Image source={require('../../assets/checked.jpg')} />}

                                onPress={() => this._onSelect(item)}>
                            </CheckBox>

                        }>
                    </FlatList>
                    </View>

【问题讨论】:

标签: react-native checkbox react-native-android


【解决方案1】:

它没有显示,因为您缺少一个名为 checked 的属性,它应该是 truefalse。因此,理想情况下,您的方法 this._onSelect(item)} 应该包含更改检查状态的逻辑。

有点像

onSelect = (item) => {
this.setState({ isChecked: true})
}

在您的复选框中,您需要再添加一个道具,即checked={this.state.isChecked}

希望对你有帮助:)

【讨论】:

    【解决方案2】:

    您需要在复选框上添加checked 属性

    <CheckBox
      title='Click Here'
      checked={this.state.checked}
    />
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多