From 68ad20dc4534cfa3953caeda48aef49bb00532e7 Mon Sep 17 00:00:00 2001 From: Dominic Go Date: Tue, 27 Oct 2020 01:16:49 +0800 Subject: [PATCH] =?UTF-8?q?=E2=AD=90=EF=B8=8F=20Example=20-=20Added:=20`Co?= =?UTF-8?q?ntextMenuViewSimpleExample09`?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- example/src/App.js | 2 + .../ContextMenuViewSimpleExample09.js | 59 +++++++++++++++++++ 2 files changed, 61 insertions(+) create mode 100644 example/src/components/ContextMenuViewSimpleExample09.js diff --git a/example/src/App.js b/example/src/App.js index 90ed8f9..a022933 100644 --- a/example/src/App.js +++ b/example/src/App.js @@ -11,6 +11,7 @@ import { ContextMenuViewSimpleExample05 } from './components/ContextMenuViewSimp import { ContextMenuViewSimpleExample06 } from './components/ContextMenuViewSimpleExample06'; import { ContextMenuViewSimpleExample07 } from './components/ContextMenuViewSimpleExample07'; import { ContextMenuViewSimpleExample08 } from './components/ContextMenuViewSimpleExample08'; +import { ContextMenuViewSimpleExample09 } from './components/ContextMenuViewSimpleExample09'; import { ContextMenuViewTest01 } from './components/ContextMenuViewTest01'; import { ContextMenuViewTest02 } from './components/ContextMenuViewTest02'; @@ -29,6 +30,7 @@ const items = [ ContextMenuViewSimpleExample06, ContextMenuViewSimpleExample07, ContextMenuViewSimpleExample08, + ContextMenuViewSimpleExample09, ContextMenuViewTest01, ContextMenuViewTest02, ContextMenuViewTest03, diff --git a/example/src/components/ContextMenuViewSimpleExample09.js b/example/src/components/ContextMenuViewSimpleExample09.js new file mode 100644 index 0000000..1adaca0 --- /dev/null +++ b/example/src/components/ContextMenuViewSimpleExample09.js @@ -0,0 +1,59 @@ +import React from 'react'; +import { StyleSheet } from 'react-native'; + +import { ExampleContextMenuItem } from './ExampleContextMenuItem'; + + +export class ContextMenuViewSimpleExample09 extends React.PureComponent { + + _handleOnPressMenuItem = ({nativeEvent}) => { + switch (nativeEvent.actionKey) { + case 'save': + alert('saving...'); + break; + + case 'like': + alert('liking...'); + break; + + case 'play': + alert('playing...'); + break; + }; + }; + + render(){ + return( + alert('onPressMenuPreview')} + menuConfig={{ + menuTitle: 'ContextMenuViewSimpleExample09', + menuItems: [{ + actionKey : 'save', + actionTitle: 'Save', + imageType : 'SYSTEM', + imageValue : 'square.and.arrow.down', + }, { + actionKey : 'like' , + actionTitle: 'Like' , + imageType : 'SYSTEM' , + imageValue : 'hand.thumbsup', + }, { + actionKey : 'play' , + actionTitle: 'Play' , + imageType : 'SYSTEM', + imageValue : 'play' , + }], + }} + /> + ); + }; +}; + +const styles = StyleSheet.create({ +}); \ No newline at end of file