Picker React Native stylization

Question

Good morning,

I’m using Styled Components in styling my components in an React Native app, and I’m trying to put a colorful and rounded edge on my Picker, but it’s rendered without styling. The code I’m using is as follows::

const InputSexo = styled.Picker`
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;
border: 1px solid #7b70e6;
width: 50%;
height: 50px;
border-radius: 25px;
padding: 15px;
color: #7b70e6;

`;

I am developing this app using Expo to test on my mobile with Android system.

Answer 1

Just create a view with the styling you want and use it involving the Picker component. This for an android project, in iOS Picker has a different behavior.