Question

我不知道如何在react native中更改复选框的背景颜色？我来自前端背景，对Android知之甚少。我正在使用React本机CheckBox组件，并且没有为此目的使用任何库。

Answer 1

尝试此操作以更改复选框组件的背景颜色

 <View style={{ backgroundColor:this.state.checked? 'red':'white'}}>
      <CheckBox value={this.state.checked} this.setState({ checked: !this.state.checked }) />
 </View>

尝试本地更改更改代码

<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:buttonTint="@color/CHECK_COLOR" />

对于v7较早的API级别：

<android.support.v7.widget.AppCompatCheckBox 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:buttonTint="@color/COLOR_HERE" />

Answer 2

如果要查看，可以使用

int color = Color.TRANSPARENT;
Drawable background = view.getBackground();
if (background instanceof ColorDrawable)
color = ((ColorDrawable) background).getColor();

或者您可以使用调色板

https://material.io/design/color/the-color-system.html#color-usage-palettes

如何更改复选框背景色以匹配我的主题色？

2 个答案: