⭐️ Example - Added ContextMenuViewSimpleExample18

Author: dominicstop

example/src/App.js

@@ -20,6 +20,7 @@ import { ContextMenuViewSimpleExample14 } from './components/ContextMenuView/Con
 import { ContextMenuViewSimpleExample15 } from './components/ContextMenuView/ContextMenuViewSimpleExample15';
 import { ContextMenuViewSimpleExample16 } from './components/ContextMenuView/ContextMenuViewSimpleExample16';
 import { ContextMenuViewSimpleExample17 } from './components/ContextMenuView/ContextMenuViewSimpleExample17';
+import { ContextMenuViewSimpleExample18 } from './components/ContextMenuView/ContextMenuViewSimpleExample18';
 
 import { ContextMenuViewTest01 } from './components/ContextMenuView/ContextMenuViewTest01';
 import { ContextMenuViewTest02 } from './components/ContextMenuView/ContextMenuViewTest02';
@@ -52,6 +53,7 @@ const contextMenuViewItems = [
   ContextMenuViewSimpleExample15,
   ContextMenuViewSimpleExample16,
   ContextMenuViewSimpleExample17,
+  ContextMenuViewSimpleExample18,
   ContextMenuViewTest01,
   ContextMenuViewTest02,
   ContextMenuViewTest03,

example/src/components/ContextMenuView/ContextMenuViewSimpleExample18.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { StyleSheet, Image, Text } from 'react-native';
+
+import { ExampleContextMenuItem } from '../ExampleContextMenuItem';
+
+const iconA = Image.resolveAssetSource(
+  require('../../assets/emoji-pleading-face.png')
+);
+
+const iconB = Image.resolveAssetSource(
+  require('../../assets/emoji-smiling-face-with-hearts.png')
+);
+
+const iconC = Image.resolveAssetSource(
+  require('../../assets/emoji-sparkling-heart.png')
+);
+
+export function ContextMenuViewSimpleExample18(props) {
+  return(
+    <ExampleContextMenuItem
+      {...props}
+      title={'Simple Example #18'}
+      subtitle={'ImageType Icons'}
+      desc={'Context menu with actions that uses `REQUIRE` icons'}
+      // `ContextMenuView` Props
+      menuConfig={{
+        menuTitle: 'ContextMenuViewSimpleExample18',
+        menuItems: [{
+          actionKey  : 'key-01'   ,
+          actionTitle: 'Action #1',
+          discoverabilityTitle: 'Use "REQUIRE" icon',
+          icon: {
+            iconType : 'REQUIRE',
+            iconValue: iconA,
+          }
+        }, {
+          actionKey  : 'key-02'   ,
+          actionTitle: 'Action #2',
+          discoverabilityTitle: 'Use "REQUIRE" icon',
+          icon: {
+            iconType : 'REQUIRE',
+            iconValue: iconB,
+          }
+        }, {
+          actionKey  : 'key-03'   ,
+          actionTitle: 'Action #3',
+          discoverabilityTitle: 'Use "REQUIRE" icon',
+          icon: {
+            iconType : 'REQUIRE',
+            iconValue: iconC,
+          }
+        }],
+      }}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+});