React Native Expo如何将expo-checkbox勾选状态默认白色对勾改为黑色

错误写法修正 #

你当前的color属性传值不符合expo-checkbox的参数要求，该属性仅接收字符串类型的颜色值，用于控制勾选状态下的复选框背景色，传对象无法生效。

对勾颜色修改方案 #

expo-checkbox从v0.4.0版本开始新增了checkmarkColor属性，专门用于控制勾选状态下对勾的颜色，操作步骤如下：

• 先确认你的依赖版本符合要求，版本过低的话先执行升级命令：
  npx expo install expo-checkbox@latest
• 修改你的组件代码为以下写法即可实现对勾黑色、背景透明的效果：

<CheckBox
  disabled={false}
  checkboxDefaultColor="transparent"
  value={rememberMe}
  onValueChange={() => setRememberMe(!rememberMe)}
  // 勾选状态下的复选框背景色设置为透明
  color={rememberMe ? "transparent" : undefined}
  // 对勾颜色设置为黑色
  checkmarkColor="#000"
  style={styles.checkbox}
/>

内容的提问来源于stack exchange，提问作者fanjiooJr