|
@@ -1,12 +1,26 @@
|
1
|
1
|
import React from 'react';
|
2
|
|
-import {StyleSheet, View, Text} from 'react-native';
|
|
2
|
+import {StyleSheet, View, Button} from 'react-native';
|
3
|
3
|
|
4
|
4
|
class MyClass extends React.Component {
|
5
|
5
|
|
|
6
|
+ onShowModal = () => {
|
|
7
|
+ this.props.navigator.toggleDrawer({
|
|
8
|
+ side: 'left'
|
|
9
|
+ });
|
|
10
|
+ this.props.navigator.showModal({
|
|
11
|
+ screen: 'example.Types.Modal',
|
|
12
|
+ title: `Modal`
|
|
13
|
+ });
|
|
14
|
+ };
|
|
15
|
+
|
6
|
16
|
render() {
|
7
|
17
|
return (
|
8
|
18
|
<View style={styles.container}>
|
9
|
|
-
|
|
19
|
+ <View style={styles.button}>
|
|
20
|
+ <Button
|
|
21
|
+ onPress={this.onShowModal}
|
|
22
|
+ title="Show Modal"/>
|
|
23
|
+ </View>
|
10
|
24
|
</View>
|
11
|
25
|
);
|
12
|
26
|
}
|
|
@@ -20,6 +34,9 @@ const styles = StyleSheet.create({
|
20
|
34
|
justifyContent: 'center',
|
21
|
35
|
backgroundColor: '#ffffff',
|
22
|
36
|
},
|
|
37
|
+ button: {
|
|
38
|
+ marginTop: 16
|
|
39
|
+ }
|
23
|
40
|
});
|
24
|
41
|
|
25
|
42
|
export default MyClass;
|