Skip to content

Commit 9e41aa5

Browse files
committed
💫 Update: Ex - Expo Example App Entry
1 parent fdc17b2 commit 9e41aa5

File tree

2 files changed

+56
-24
lines changed

2 files changed

+56
-24
lines changed

example-expo/App.js

Lines changed: 0 additions & 24 deletions
This file was deleted.

example-expo/App.tsx

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
import { StatusBar } from 'expo-status-bar';
2+
import React from 'react';
3+
import { StyleSheet, Text, View } from 'react-native';
4+
5+
// import { } from "react-native-ios-utilities";
6+
import { ContextMenuView } from "react-native-ios-context-menu";
7+
8+
export function BasicUsageExample01() {
9+
return (
10+
<ContextMenuView
11+
style={styles.menuContainer}
12+
menuConfig={{
13+
menuTitle: 'BasicUsageExample01',
14+
menuItems: [{
15+
actionKey : 'key-01',
16+
actionTitle: 'Action #1',
17+
}, {
18+
actionKey : 'key-02' ,
19+
actionTitle: 'Action #2',
20+
}, {
21+
actionKey : 'key-03' ,
22+
actionTitle: 'Action #3',
23+
}],
24+
}}
25+
>
26+
<Text style={styles.text}>
27+
Press And Hold To Show Context Menu
28+
</Text>
29+
</ContextMenuView>
30+
);
31+
};
32+
33+
export default function App() {
34+
return (
35+
<View style={styles.container}>
36+
<StatusBar style="auto" />
37+
<BasicUsageExample01/>
38+
</View>
39+
);
40+
}
41+
42+
const styles = StyleSheet.create({
43+
container: {
44+
flex: 1,
45+
backgroundColor: '#fff',
46+
alignItems: 'center',
47+
justifyContent: 'center',
48+
},
49+
menuContainer: {
50+
margin: 10,
51+
padding: 10,
52+
},
53+
text: {
54+
fontSize: 16,
55+
},
56+
});

0 commit comments

Comments
 (0)