tambah modal

view/Account.js

@@ -289,7 +289,7 @@ class Account extends React.Component {
                                                 </Card>
                                             </TouchableOpacity>
                                             <View style={{ width: 5 }}></View>
-                                            <TouchableOpacity style={{ marginBottom: 5, margin: 3 }}>
+                                            <TouchableOpacity style={{ marginBottom: 5, margin: 3 }} onPress={() => this.props.navigation.navigate('UseBalance')}>
                                                 <Card style={{ height: 120, width: 155 }}>
                                                     <View style={{ height: 50, alignItems: 'center', padding: 10 }}>
                                                         <Image

view/UseBalance.js

@@ -98,7 +98,7 @@ class UseBalance extends React.Component {
                     }}>
                     <View style={styles.centerViewModal}>
                         <View style={styles.modalView}>
-                            <Text style={{ fontSize: 12, color: '#CFB368', fontFamily: 'Gotham-Black' }}>Reason</Text>
+                            <Text style={{ fontSize: 12, color: '#CFB368', fontFamily: 'Gotham-Black' }}>PIN</Text>
                             <View style={{ margin: 10 }}>
                                 <TextInput
                                     style={styles.textInput}
@@ -202,6 +202,23 @@ const styles = StyleSheet.create({
         padding: 20,
         alignItems: "center",
     },
+    textInput: {
+        height: 40,
+        width: 250,
+        borderColor: 'gray',
+        borderWidth: 1,
+        marginHorizontal: 30,
+        borderRadius: 10
+    },
+    button2: {
+        backgroundColor: '#CFB368',
+        padding: 20,
+        height: 40,
+        borderRadius: 10,
+        paddingVertical: 5,
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
 })
 
 const mapStateToProps = (state) => {