⭐️ Example - Added: ContextMenuViewTest08
This commit is contained in:
parent
e8c3329f04
commit
fb4165ccba
@ -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>
|
||||
);
|
||||
|
||||
44
example/src/components/ContextMenuViewTest08.js
Normal file
44
example/src/components/ContextMenuViewTest08.js
Normal 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({
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user