File tree Expand file tree Collapse file tree 2 files changed +56
-24
lines changed
Expand file tree Collapse file tree 2 files changed +56
-24
lines changed Load Diff This file was deleted.
Original file line number Diff line number Diff line change 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+ } ) ;
You can’t perform that action at this time.
0 commit comments