react-native

borderRadius property of TextInput not working in react-native.

I want to use rounded TextInput in my react-native application but when I am setting its borderRadius property its not working. Suggest me way to do that.

    <TextInput  placeholder="Email" style={styles.textInput} />

    textInput:{

    borderColor:'black',
    backgroundColor:'#D3D3D3',
    width:300,
    borderWidth: 1,
    borderStyle: 'solid',
    fontSize:15,
    borderRadius: 25,

    }
Solution

  • Apply border on View, parent of TextInput

    <View style={styles.borderStyle}>
 <TextInput  placeholder="Email" style={styles.textInput} />
</View>