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

问题描述：

是否可以设计React Native CheckBox组件的样式？如何样式React Native <CheckBox>组件？

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

我把一个无效的样式属性就可以了，并且弹出告诉我，所有有效的CSS属性的RN警告信息，但他们没有做什么有益的走向造型。

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

可能吗？

这些属性没有工作，但被列为有效的样式道具复选框：

{ 
    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上找到任何信息。实际上很难在他们周围搜索。

默认复选框中的样式选项是有限的。你需要尝试构建一个自定义组件或使用像这样的库：https://github.com/crazycodeboy/react-native-check-box – Vicky

可能重复的[如何更改CheckBox的颜色？]（https：/ /stackoverflow.com/questions/5854047/how-to-change-the-color-of-a-checkbox） – JuanR

答

React Native CheckBox component呈现Android上的本机复选框组件。

您可以重新设计它的最简单方法是更改Android项目样式配置（有关如何对该here执行额外操作的说明）。

这是一种简单的方法，可以使您的配色方案与您的配色方案保持一致，不仅仅是这一个配色方案，还有其他可能最终显示的本地组件，这非常棒！

请不要发布链接作为答案。如果问题已经存在，请以评论的形式告知用户。一旦你有足够的声望，你将能够发表评论。 – JuanR

@Juan我不认为它是真的重复！链接只是附加信息。解决这个问题的关键是要知道你可以通过项目的本地配置来实现。 –

该链接看起来像它确实展示了如何去做。我认为这两个问题应该联系起来。我今天晚些时候会阅读更多内容并更新我的文章。 – agm1984

如何样式React Native 组件？

相关推荐