React native React native check Uncheck不适用于自定义图标
我正在学习react native,我正在尝试使用复选框。我们从react native导入的普通复选框。i、 从react native导入{checkbox}对我有效。但当我尝试使用react native元素中的复选框时,它不起作用。它只设置未选中图标的默认值,不会更改React native React native check Uncheck不适用于自定义图标,react-native,react-native-elements,React Native,React Native Elements,我正在学习react native,我正在尝试使用复选框。我们从react native导入的普通复选框。i、 从react native导入{checkbox}对我有效。但当我尝试使用react native元素中的复选框时,它不起作用。它只设置未选中图标的默认值,不会更改 <View style = {styles.containerForCheckBoxValues}> <CheckBox style={styles.checkBox} checked
<View style = {styles.containerForCheckBoxValues}>
<CheckBox
style={styles.checkBox}
checkedIcon={<Image source={require('/root/VS_Code/JavascriptProjects/assets/Images/Checkboxactive/Checkboxactive.png')} />}
uncheckedIcon={<Image source={require('/root/VS_Code/JavascriptProjects/assets/Images/Checkboxdefault/Checkboxdefault.png')} />}
value={this.state.checkedForKids}
onChange={() => this.onChangeCheckForKids()} />
<Text style={styles.textViewStyleKidsStatusLabel}>Have Kids</Text>
</View>;
this.onChangeCheckForKids()}/>
生孩子
;
在react native元素上,您选中了一个属性
它必须在true
或false
之间切换,这就是定义是否选中它的原因。要进行更改,您可以按调用函数
<CheckBox
style={styles.checkBox}
checkedIcon={<Image source={require('/root/VS_Code/JavascriptProjects/assets/Images/Checkboxactive/Checkboxactive.png')} />}
uncheckedIcon={<Image source={require('/root/VS_Code/JavascriptProjects/assets/Images/Checkboxdefault/Checkboxdefault.png')} />}
checked={this.state.checkedForKids}
title='Your title'
onPress={() => this.onChangeCheckForKids()}
完整的简单工作示例:
<CheckBox
title={'click here'}
checked={this.state.delivery}
onPress={() => this.setState({ delivery: !this.state.delivery })}/>
this.setState({delivery:!this.state.delivery})}/>
那么如何做到这一点,你举个例子,我的意思是我在哪里检查和取消检查它,如果我有三个复选框怎么保持状态呢?谢谢,但最初我想知道如何在标签中使用它。这个例子对你有用吗<代码>它应该做什么???勾选取消勾选?,首先它会显示一些愚蠢的图标,直到我提供我自己的,它只显示点击查看编辑。这是一个简单的工作示例,您可以从中进行自定义。有关更多详细信息,请访问他们的文档
<CheckBox
title={'click here'}
checked={this.state.delivery}
onPress={() => this.setState({ delivery: !this.state.delivery })}/>