⭐️ Example - Added: ContextMenuViewSimpleExample09
This commit is contained in:
parent
0e413435dc
commit
68ad20dc45
@ -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,
|
||||
|
||||
59
example/src/components/ContextMenuViewSimpleExample09.js
Normal file
59
example/src/components/ContextMenuViewSimpleExample09.js
Normal 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({
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user