How do I toggle the initialvalue to true from the checkbox. I am using formik and ReactNative Paper Checkbox. I set the initial Value to false
<Formik
initialValues={{
smile_express: false,
}}
onSubmit={(values) => console.log(values)}
>
{({
handleChange,
handleSubmit,
errors,
setFieldTouched,
touched,
setFieldValue,
}) => (
<>
<View >
<PaperCheckItem
color={colors.primary}
label="Smile Express Picku-Up"
style={{ marginBottom: 10 }}
// onValueChange={handleChange("smile_express")}
onBlur={() => setFieldTouched("smile_express")}
onValueChange={() => setFieldValue(smile_express)}
/>
{touched.smile_express && (
<AppText style={{ color: "red", marginLeft: 10 }}>
{errors.smile_express}
</AppText>
)}
</View>
</>
)
</formik>
// The Checkbox Component
function PaperCheckItem({
label,
onPress,
color,
status,
style,
onValueChange,
}) {
const [checked, setChecked] = useState();
return (
<View style={[styles.container, style]}>
<Screen>
<Checkbox.Item
color={color}
label={label}
onPress={() => {
// setChecked(!checked);
setChecked(!checked);
}}
status={checked ? "checked" : "unchecked"}
// status={status}
type="android"
onValueChange={onValueChange}
/>
</Screen>
</View>
);
}