Skip to content

N
new_excelso
Commit 4f26555d authored by Trisno's avatar Trisno
Browse files
Options

balik ke design awal top up info

parent c352d7d8
Show whitespace changes
Inline Side-by-side
Showing with 15 additions and 6 deletions
view/TopUpInfo.js
View file @ 4f26555d
...@@ -3,6 +3,7 @@ import React from 'react'; ...@@ -3,6 +3,7 @@ import React from 'react';
import { ScrollView, StyleSheet, Text, View, Image } from 'react-native'; import { ScrollView, StyleSheet, Text, View, Image } from 'react-native';
import { TouchableOpacity } from 'react-native-gesture-handler'; import { TouchableOpacity } from 'react-native-gesture-handler';
import HTML from 'react-native-render-html'; import HTML from 'react-native-render-html';
import { Collapse, CollapseHeader, CollapseBody, AccordionList } from 'accordion-collapse-react-native'
import { getStatusBarHeight } from 'react-native-status-bar-height'; import { getStatusBarHeight } from 'react-native-status-bar-height';
...@@ -37,19 +38,27 @@ export default class TopUpInfo extends React.Component { ...@@ -37,19 +38,27 @@ export default class TopUpInfo extends React.Component {
</View> </View>
<ScrollView> <ScrollView>
<View style={styles.content}> <View style={styles.content}>
{ {
this.state.topup_info.map((item, i) => { this.state.topup_info.map((item, i) => {
return ( return (
<View style={styles.item_container} key={i}> <View style={styles.item_container} key={i}>
<View style={{flexDirection: 'row', height: 24, marginBottom: 16}}> <Collapse>
<CollapseHeader>
<View style={{ flexDirection: 'row', height: 24, marginBottom: 10 }}>
<Text style={styles.item_title}>{item.title}</Text> <Text style={styles.item_title}>{item.title}</Text>
<Image style={styles.item_image} source={item.title_thumb ? { uri: item.title_thumb } : null}/> <Image style={styles.item_image} source={item.title_thumb ? { uri: item.title_thumb } : null} />
</View> </View>
</CollapseHeader>
<CollapseBody>
<HTML html={item.content} tagsStyles={{ p: { fontFamily: 'Gotham-Light', marginTop: 8, marginBottom: 8, color: '#adadad' }, blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 6, color: '#adadad' }, ul: { fontFamily: 'Gotham-Light', marginLeft: 0, color: '#adadad', paddingLeft: 0 }, li: { fontFamily: 'Gotham-Light', marginLeft: 0, color: '#adadad', paddingLeft: 0 } }} /> <HTML html={item.content} tagsStyles={{ p: { fontFamily: 'Gotham-Light', marginTop: 8, marginBottom: 8, color: '#adadad' }, blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 6, color: '#adadad' }, ul: { fontFamily: 'Gotham-Light', marginLeft: 0, color: '#adadad', paddingLeft: 0 }, li: { fontFamily: 'Gotham-Light', marginLeft: 0, color: '#adadad', paddingLeft: 0 } }} />
</CollapseBody>
</Collapse>
</View> </View>
) )
}) })
} }
</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