我在 Native Base 上遇到了這個問題，基本上我想在 Checkbox 組件中將勾選的默認顏色從黑色更改為白色。如果有人知道它會真的很感激。這是我的代碼和它現在的樣子。
import React from 'react';
import { Checkbox } from 'native-base';
function CheckboxComponent({
isDisabled = false,
bgColor = '#2A75EC',
}) {
const [groupValues, setGroupValues] = React.useState([]);
return (
<Checkbox.Group onChange={setGroupValues} value={groupValues} accessibilityLabel="choose numbers">
<Checkbox
isDisabled={isDisabled}
value="one"
bgColor={bgColor}
borderColor={bgColor}
colorScheme="red.700"
borderWidth="2"
_checked={{ borderColor: bgColor }}
_pressed={{ tintColor: 'white' }}
/>
</Checkbox.Group>
);
}
export default CheckboxComponent;
image of how it looks right now:
import React from 'react';
import { Checkbox } from 'native-base';
function CheckboxComponent({
isDisabled = false,
bgColor = '#2A75EC',
}) {
const [groupValues, setGroupValues] = React.useState([]);
return (
<Checkbox.Group onChange={setGroupValues} value={groupValues} accessibilityLabel="choose numbers">
<Checkbox
isDisabled={isDisabled}
value="one"
bgColor={bgColor}
borderColor={bgColor}
colorScheme="red.700"
borderWidth="2"
_checked={{ borderColor: bgColor }}
_pressed={{ tintColor: 'white' }}
/>
</Checkbox.Group>
);
}
export default CheckboxComponent;
uj5u.com熱心網友回復：
Checkbox您可以使用_icon道具為復選標記著色。這是一個最小的作業示例，它將復選標記著色為紅色。
import React from "react"
import { HStack, Checkbox } from "native-base"
export const Test = () => {
return (
<HStack space={6}>
<Checkbox value="test"
_icon={{color: "red"}}
/>
</HStack>
)
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/431314.html
上一篇：如何適應和調整影像以查看容器？