From 0e2228142c8bbd605df009c3b997d6d9099679e4 Mon Sep 17 00:00:00 2001
From: Dominic Go <dominicstop@gmail.com>
Date: Sat, 24 Oct 2020 15:03:42 +0800
Subject: [PATCH] =?UTF-8?q?=E2=AD=90=EF=B8=8F=20Example=20-=20Added:=20`Co?=
 =?UTF-8?q?ntextMenuViewTest02`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/App.js                            |  7 +++-
 .../src/components/ContextMenuViewTest02.js   | 40 +++++++++++++++++++
 2 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 example/src/components/ContextMenuViewTest02.js

diff --git a/example/src/App.js b/example/src/App.js
index dbcf3e0..d29cb20 100644
--- a/example/src/App.js
+++ b/example/src/App.js
@@ -2,13 +2,15 @@ import * as React from 'react';
 import { StyleSheet, SafeAreaView, ScrollView } from 'react-native';
 
 import { ContextMenuViewTest01 } from './components/ContextMenuViewTest01';
+import { ContextMenuViewTest02 } from './components/ContextMenuViewTest02';
 
 export default function App() {
 
   return (
     <SafeAreaView style={styles.rootContainer}>
-      <ScrollView>
+      <ScrollView contentContainerStyle={styles.scrollviewContainer}>
         <ContextMenuViewTest01/>
+        <ContextMenuViewTest02/>
       </ScrollView>
     </SafeAreaView>
   );
@@ -18,4 +20,7 @@ const styles = StyleSheet.create({
   rootContainer: {
     flex: 1,
   },
+  scrollviewContainer: {
+    paddingBottom: 30,
+  },
 });
diff --git a/example/src/components/ContextMenuViewTest02.js b/example/src/components/ContextMenuViewTest02.js
new file mode 100644
index 0000000..917a0b3
--- /dev/null
+++ b/example/src/components/ContextMenuViewTest02.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import { StyleSheet } from 'react-native';
+
+import { ExampleContextMenuItem } from './ExampleContextMenuItem';
+
+
+export class ContextMenuViewTest02 extends React.PureComponent {
+  render(){
+    return(
+      <ExampleContextMenuItem
+        index={2}
+        title={'Simple Example #2'}
+        desc={'Context menu with 3 actions (text w/ system icon)'}
+        onPressMenuItem={({key}) => alert(key)}
+        menuConfig={{
+          menuTitle: 'ContextMenuViewTest02',
+          menuItems: [{
+            actionKey  : 'key-01',
+            actionTitle: 'Action #1',
+            imageType  : 'SYSTEM',
+            imageValue : 'folder',
+          }, {
+            actionKey  : 'key-02'   ,
+            actionTitle: 'Action #2',
+            imageType  : 'SYSTEM',
+            imageValue : 'dial.fill',
+          }, {
+            actionKey  : 'key-03'   ,
+            actionTitle: 'Action #3',
+            imageType  : 'SYSTEM'   ,
+            imageValue : 'archivebox.fill',
+          }],
+        }}
+      />
+    );
+  };
+};
+
+const styles = StyleSheet.create({
+});
\ No newline at end of file