I have created a component that is using Select. Everything seems to work fine on IOS but on android the placeholder and the value are not showing, i tried setting color explicitly but it is still not working. Can somebody please help me figure out what is wrong.
here is my code
<Select
onValueChange={onChange}
isDisabled={isDisabled}
isInvalid={isInvalid}
selectedValue={selectedLabel}
defaultValue={selectedLabel}
className="text-typography-500"
>
<SelectTrigger
variant="rounded"
size="md"
className="absolute h-auto top-[14px] w-full text-sm py-3 border mb-[10px] justify-between px-[10px] text-typography-500"
>
<SelectInput
placeholder={placeholderText}
className="text-sm font-normal h-5 text-typography-500"
selectionColor={"black"}
placeholderTextColor={"#00000040"}
style={{color: 'red', backgroundColor: 'yellow'}}
/>
<SelectIcon
className="mr-3"
as={ChevronDownIcon}
color={disabled ? "#00000040" : "#000000E0"}
/>
</SelectTrigger>
<SelectPortal>
<SelectBackdrop />
<SelectContent className="max-h-[300px] pb-[50px] text-typography-500">
<SelectDragIndicatorWrapper>
<SelectDragIndicator />
</SelectDragIndicatorWrapper>
<ScrollView className="w-full">
{options.map((option) => (
<SelectItem
label={option.label}
value={option.value}
key={option.value}
className="text-typography-500"
/>
))}
</ScrollView>
</SelectContent>
</SelectPortal>
</Select>