如何在 React-Native 復選框中更改背景顏色透明？

Question

在我的場景中，我正在嘗試使用 Reactnative Elements 為android和iOS實現反應原生復選框。 在這里，我需要用 label 背景顏色更改復選框。 它顯示全白但如何將其更改為透明？

https://react-native-elements.github.io/react-native-elements/docs/checkbox.html

<CheckBox
  checkedIcon={<Image source={require('../checked.png')} />}
  uncheckedIcon={<Image source={require('../unchecked.png')} />}
  checked={this.state.checked}
  onPress={() => this.setState({checked: !this.state.checked})}
/>

Answer 1

只需使用 containerStyle 道具（ https://react-native-elements.github.io/react-native-elements/docs/checkbox.html#containerstyle ）最簡單（但也是最丑陋）的方法就是說

<CheckBox
  containerStyle ={{backgroundColor: 'transparent'}}
  checkedIcon={<Image source={require('../checked.png')} />}
  uncheckedIcon={<Image source={require('../unchecked.png')} />}
  checked={this.state.checked}
  onPress={() => this.setState({checked: !this.state.checked})}
/>