React native React native check Uncheck不适用于自定义图标

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

我正在学习react native,我正在尝试使用复选框。我们从react native导入的普通复选框。i、 从react native导入{checkbox}对我有效。但当我尝试使用react native元素中的复选框时,它不起作用。它只设置未选中图标的默认值,不会更改

<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 })}/>