Как изменить цвет фона прозрачным в React-Native checkBox?

Question

В моем сценарии я пытаюсь установить флажок реагировать нативно для android и iOS, используя Reactnative Elements. Здесь мне нужно изменить флажок с цветом фона метки. Он показывает полный белый цвет, но как изменить его прозрачность?

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