border bottom react native

1It 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}
2
3<View style={styles.headerWrapper}>
4    <Text style={styles.header}> Registration </Text>
5 </View>
6...
7
8headerWrapper: {
9    borderBottomColor: 'red',
10    borderBottomWidth: 2,
11    marginBottom: 30,
12},
13header: {
14    fontSize: 36,
15    alignSelf: 'auto',
16    color: 'red',
17
18},