如何设置 React Native <CheckBox> 组件的样式？

Question

是否可以设置 React Native CheckBox 组件的样式？

这里没有列出 style 属性： https ://facebook.github.io/react-native/docs/checkbox.html

我在上面放了一个无效的样式属性，弹出的 RN 警告消息告诉我所有有效的 CSS 属性，但它们都没有对样式有任何帮助。

该组件看起来不错，但我想将它从蓝绿色更改为品牌颜色。

可能吗？

这些属性不起作用，但被列为 CheckBox 的有效样式道具：

 {
  height: 50,             // changes the hitspace but not the checkbox itself
  width: 50,
  borderWidth: 1,         // does nothing
  backgroundColor: 'red', // makes the area around and inside the checkbox red
  borderColor: 'green',   // does nothing
  borderStyle: 'dotted'   // does nothing
}

如果每个人都制作自己的复选框，我不明白为什么它甚至存在。如果我这样做了，我真的没有任何用处，因为它给出的只是

value={this.state.rememberMe}
onValueChange={() => this.toggleRememberMe()}

除非它在引擎盖下有什么魔力。它有一个不错的 onChange 动画，但是当我自己制作并使用像 <TouchableHighlight or Opacity> 围绕开/关图像或 <View> 之类的东西时，它会立即被弃用。

除了数百个自定义复选框外，我在 Google 上找不到任何信息。实际上很难在它们周围搜索。

原文由 agm1984 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 https://github.com/react-native-community/react-native-checkbox

Android ：您可以使用 tintColors 。

  import CheckBox from '@react-native-community/checkbox';
 .
 .
 .
 <CheckBox
      value={option.item.selected}
      onValueChange={() => {}}
      tintColors={{ true: '#F15927', false: 'black' }}
 />

原文由 Jaichand Khatik 发布，翻译遵循 CC BY-SA 4.0 许可协议