DEV Community

skptricks
skptricks

Posted on

Add Rounded Corner Borders to TextInput Component in React Native

Post Link : Add Rounded Corner Borders to TextInput Component in React Native

This post explains How to display rounded corner border around EditText TextInput component in React Native application. We need to specify borderRadius style-sheet property in TextInput layout component.

code snippet to set rounded corner border to TextInput Component :
style=
// Adding hint in TextInput using Placeholder option.
placeholder=" Enter Your First Name"
// Making the Under line Transparent.
underlineColorAndroid="transparent"
/>

Top comments (0)