border bottom react native
It seems borderBottom doesn't work for the Text component. You can either add a View wrapper and supply borderBottom to it or add a TextInput and make editable={false}
<View style={styles.headerWrapper}>
<Text style={styles.header}> Registration </Text>
</View>
...
headerWrapper: {
borderBottomColor: 'red',
borderBottomWidth: 2,
marginBottom: 30,
},
header: {
fontSize: 36,
alignSelf: 'auto',
color: 'red',
},adding border in react native
borderColor string
borderTopColor string
borderRightColor string
borderBottomColor string
borderLeftColor string
borderRadius number
borderTopLeftRadius number
borderTopRightRadius number
borderBottomLeftRadius number
borderBottomRightRadius number
borderStyle enum('solid', 'dotted', 'dashed')
borderWidth number
borderTopWidth number
borderRightWidth number
borderBottomWidth number
borderLeftWidth numberCopyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
