react native text underline

1textDecorationLine: 'underline'

1<Text style={styles.bold}>I'm bold!</Text>
2<Text style={styles.italic}>I'm italic!</Text>
3<Text style={styles.underline}>I'm underlined!</Text>
4
5const styles = StyleSheet.create({
6    bold: {fontWeight: 'bold'},
7    italic: {fontStyle: 'italic'},
8    underline: {textDecorationLine: 'underline'}
9})
10

1<View flex={1}>
2    <Text style={style}>Example of Italic Text</Text>
3</View>
4
5const style = StyleSheet.create({
6    textAlign: 'center',
7    fontWeight: 'bold'
8    fontStyle: 'italic'
9    fontSize: 20,
10});

1import React, {Component} from 'react';
2import {StyleSheet, Text, View,TextInput,TouchableOpacity} from 'react-native';
3
4export default class App extends Component {
5  render() {
6    return (
7      <View style={styles.container}>
8        <Text style={styles.welcome}>SEDC</Text>
9      <TextInput placeholder="Acct No/User Id" style={styles.textInput} multiline={true}></TextInput>
10      <TextInput placeholder="Password" style={styles.textInput}></TextInput>
11      <TouchableOpacity style={styles.btn} onPress={this.login}><Text>Log In</Text></TouchableOpacity>
12      </View>
13    );
14  }
15
16  login=()=>{
17    alert("testing......");
18    // this.props.navigation.navigate('Second');
19}
20}
21
22const styles = StyleSheet.create({
23  container: {
24    flex: 1,
25    justifyContent: 'center',
26    alignItems: 'center',
27    backgroundColor: '#F5FCFF',
28  },
29  welcome: {
30    fontSize: 20,
31    textAlign: 'center',
32    margin: 10,
33  },
34
35  textInput: {
36    alignSelf: 'stretch',
37    padding: 10,
38    marginLeft: 50,
39    borderBottomColor:'#000',
40    margin:5,
41    marginRight:50,
42    // backgroundColor: '#000',
43},
44  btn:{
45    alignSelf: 'stretch',
46    backgroundColor: '#01c853',
47    padding: 10,
48    margin:10,
49    marginLeft: 100,
50    marginRight:100,
51    alignItems: 'center',
52}
53});
54