️ Example - Added: ContextMenuViewSimpleExample09

This commit is contained in:
Dominic Go 2020-10-27 01:16:49 +08:00
parent 0e413435dc
commit 68ad20dc45
2 changed files with 61 additions and 0 deletions

View File

@ -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,

View File

@ -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(
<ExampleContextMenuItem
{...this.props}
title={'Simple Example #9'}
subtitle={'menu actions'}
desc={'An example context menu for using the `onPressMenuItem` event.'}
onPressMenuItem={this._handleOnPressMenuItem}
onPressMenuPreview={() => 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({
});