️ Example - Added: ContextMenuViewTest08

This commit is contained in:
Dominic Go 2020-10-24 19:19:02 +08:00
parent e8c3329f04
commit fb4165ccba
2 changed files with 46 additions and 0 deletions

View File

@ -8,6 +8,7 @@ import { ContextMenuViewTest04 } from './components/ContextMenuViewTest04';
import { ContextMenuViewTest05 } from './components/ContextMenuViewTest05';
import { ContextMenuViewTest06 } from './components/ContextMenuViewTest06';
import { ContextMenuViewTest07 } from './components/ContextMenuViewTest07';
import { ContextMenuViewTest08 } from './components/ContextMenuViewTest08';
export default function App() {
@ -21,6 +22,7 @@ export default function App() {
<ContextMenuViewTest05/>
<ContextMenuViewTest06/>
<ContextMenuViewTest07/>
<ContextMenuViewTest08/>
</ScrollView>
</SafeAreaView>
);

View File

@ -0,0 +1,44 @@
import React from 'react';
import { StyleSheet } from 'react-native';
import { ExampleContextMenuItem } from './ExampleContextMenuItem';
export class ContextMenuViewTest08 extends React.PureComponent {
render(){
return(
<ExampleContextMenuItem
index={8}
title={'Simple Example #8'}
subtitle={'menuState'}
desc={`Context menu with 3 actions that has "on", "off", and "mixed" menuState`}
onPressMenuItem={({key}) => alert(key)}
menuConfig={{
menuTitle: 'ContextMenuViewTest08',
menuItems: [{
actionKey : 'key-01',
actionTitle: 'menuState: on',
imageType : 'SYSTEM',
imageValue : 'folder',
menuState : 'on',
}, {
actionKey : 'key-02' ,
actionTitle: 'menuState: off',
imageType : 'SYSTEM',
imageValue : 'dial',
menuState : 'off',
}, {
actionKey : 'key-03' ,
actionTitle: 'menuState: mixed',
imageType : 'SYSTEM' ,
imageValue : 'archivebox',
menuState : 'mixed',
}],
}}
/>
);
};
};
const styles = StyleSheet.create({
});