Question

我正在使用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>

Answer 1

未显示，因为您缺少名为checked的属性，该属性应为true或false。因此，理想情况下，您的方法this._onSelect(item)}应该包含更改检查状态的逻辑。

关于

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

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

希望它会有所帮助：）

Answer 2

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

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

复选框未显示为已选中（本机反应）

2 个答案: