react-native-paper-dropdown icon indicating copy to clipboard operation
react-native-paper-dropdown copied to clipboard

Is there any way to change the background colour?

Open shubhadeep-kartbite opened this issue 3 years ago • 4 comments

I want to make the backgroud color to white

Screenshot 2022-05-27 at 01 31 07

shubhadeep-kartbite avatar May 26 '22 20:05 shubhadeep-kartbite

yes! you can change background color using inputProps. inputProps={{ style: { borderColor: color.tertiary.pink_100, backgroundColor: color.tertiary.aquaGreen2, height: 56, }, underlineColor: color.tertiary.darkAquaGreen, activeOutlineColor: color.primary.black, }}

vikramkaldoke avatar May 30 '22 08:05 vikramkaldoke

thanks @vikramkaldoke 👍

shubhadeep-kartbite avatar Jun 02 '22 12:06 shubhadeep-kartbite

hello, I am looking to do the same. I use the "outlined" mode, backgroundColor works... but borderColor doesn't. any idea ? thanks

Koxx3 avatar Jun 10 '22 18:06 Koxx3

yes! you can change background color using inputProps. inputProps={{ style: { borderColor: color.tertiary.pink_100, backgroundColor: color.tertiary.aquaGreen2, height: 56, }, underlineColor: color.tertiary.darkAquaGreen, activeOutlineColor: color.primary.black, }}

@Koxx3 just like @vikramkaldoke said, use inputProps try putting outlineColor instead of active outline color something like: inputProps={{ style: { backgroundColor: color.tertiary.aquaGreen2, height: 56, }, outlineColor: 'green' // you need this }}

Yennnful avatar Jul 28 '22 10:07 Yennnful