Commit 655cbcde authored by Afid's avatar Afid

styling html

parent d785154c
...@@ -44,7 +44,7 @@ export default class NewsDetail extends React.Component { ...@@ -44,7 +44,7 @@ export default class NewsDetail extends React.Component {
return ( return (
<View style={styles.container}> <View style={styles.container}>
<View style={styles.header}> <View style={styles.header}>
<TouchableOpacity> <TouchableOpacity onPress={() => this.props.navigation.goBack()}>
<Image source={require('../assets/icon/back.png')} style={{width: 35, height: 35}} /> <Image source={require('../assets/icon/back.png')} style={{width: 35, height: 35}} />
</TouchableOpacity> </TouchableOpacity>
<Text style={styles.headerTitle}>NEWS DETAIL</Text> <Text style={styles.headerTitle}>NEWS DETAIL</Text>
...@@ -55,8 +55,8 @@ export default class NewsDetail extends React.Component { ...@@ -55,8 +55,8 @@ export default class NewsDetail extends React.Component {
</View> </View>
<View style={styles.content}> <View style={styles.content}>
<Text style={styles.title}>{this.state.title}</Text> <Text style={styles.title}>{this.state.title}</Text>
<View style={{backgroundColor: '#adadad', height: 1.5, flex: 1}} /> <View style={{backgroundColor: '#adadad', height: 1.5, flex: 1, marginBottom: 5}} />
<HTML html={this.state.content} /> <HTML html={this.state.content} tagsStyles={{ p: {fontFamily: 'Gotham-Light', marginTop: 8, marginBottom: 8}, blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 6 } }}/>
</View> </View>
</ScrollView> </ScrollView>
</View> </View>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment