🆕 Example - Add ContextMenuViewExample26

dominicstop · Sep 27, 2022 · a2a5b7a · a2a5b7a
1 parent d68c263
commit a2a5b7a
Show file tree

Hide file tree

Showing 2 changed files with 68 additions and 0 deletions.
diff --git a/example/src/examples/ContextMenuViewExample26.tsx b/example/src/examples/ContextMenuViewExample26.tsx
@@ -0,0 +1,66 @@
+import * as React from 'react';
+
+import { ContextMenuView } from 'react-native-ios-context-menu';
+
+import type { ContextMenuExampleProps } from './SharedExampleTypes';
+import { ContextMenuCard } from '../components/ContextMenuCard';
+
+
+export function ContextMenuViewExample26(props: ContextMenuExampleProps) {
+  return (
+    <ContextMenuView
+      style={props.style}
+      menuConfig={{
+        menuTitle: 'ContextMenuViewExample26',
+        menuItems: [{
+          actionKey  : 'key-01'   ,
+          actionTitle: 'Action #1',
+          menuSubtitle: 'Use "IMAGE_REMOTE_URL" icon',
+          icon: {
+            type: 'IMAGE_REMOTE_URL',
+            imageValue: {
+              url: 'https://picsum.photos/id/1/100'
+            },
+          }
+        }, {
+          actionKey  : 'key-02'   ,
+          actionTitle: 'Action #2',
+          menuSubtitle: '"IMAGE_REMOTE_URL" + shouldLazyLoad',
+          icon: {
+            type: 'IMAGE_REMOTE_URL',
+            imageValue: {
+              url: 'https://picsum.photos/id/2/100'
+            },
+            imageLoadingConfig: {
+              shouldLazyLoad: true,
+            },
+          }
+        }, {
+          actionKey  : 'key-03'   ,
+          actionTitle: 'Action #3',
+          menuSubtitle: '"IMAGE_REMOTE_URL" + shouldLazyLoad + shouldCache',
+          icon: {
+            type: 'IMAGE_REMOTE_URL',
+            imageValue: {
+              url: 'https://picsum.photos/id/2/100'
+            },
+            imageLoadingConfig: {
+              shouldLazyLoad: true,
+              shouldCache: true,
+            },
+          }
+        }],
+      }}
+    >
+      <ContextMenuCard
+        index={props.index}
+        title={'ContextMenuViewExample26'}
+        subtitle={'ImageType Icons'}
+
+        description={[
+          `Context menu with actions that uses 'IMAGE_REMOTE_URL' icons`
+        ]}
+      />
+    </ContextMenuView>
+  );
+};
diff --git a/example/src/screens/HomeScreen.tsx b/example/src/screens/HomeScreen.tsx
@@ -28,6 +28,7 @@ import { ContextMenuViewExample22 } from '../examples/ContextMenuViewExample22';
 import { ContextMenuViewExample23 } from '../examples/ContextMenuViewExample23';
 import { ContextMenuViewExample24 } from '../examples/ContextMenuViewExample24';
 import { ContextMenuViewExample25 } from '../examples/ContextMenuViewExample25';
+import { ContextMenuViewExample26 } from '../examples/ContextMenuViewExample26';
 
 import { ContextMenuAuxPreviewExample01 } from '../examples/ContextMenuAuxPreviewExample01';
 import { ContextMenuAuxPreviewExample02 } from '../examples/ContextMenuAuxPreviewExample02';
@@ -99,6 +100,7 @@ const EXAMPLE_COMPONENTS = [
   ContextMenuViewExample23,
   ContextMenuViewExample24,
   ContextMenuViewExample25,
+  ContextMenuViewExample26,
   ContextMenuAuxPreviewExample01,
   ContextMenuAuxPreviewExample02,
   ContextMenuAuxPreviewExample03,