borderRadius property of TextInput not working in react-native.

Question

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,

    }

Answer 1

Try overflow:"hidden" on the TextInput that has borderRadius.