Files

28 lines
720 B
JavaScript
Raw Permalink Normal View History

2016-05-18 09:26:58 +02:00
import React from 'react';
import { Text } from 'react-native';
2017-06-06 23:35:28 +02:00
import {
Menu,
2017-12-19 11:08:34 +01:00
MenuProvider,
2016-05-16 16:54:39 +02:00
MenuOptions,
MenuOption,
MenuTrigger
} from 'react-native-popup-menu';
const BasicExample = () => (
2017-12-19 11:08:34 +01:00
<MenuProvider style={{flexDirection: 'column', padding: 30}}>
2016-05-16 16:54:39 +02:00
<Text>Hello world!</Text>
<Menu onSelect={value => alert(`Selected number: ${value}`)}>
2016-05-24 15:17:36 +02:00
<MenuTrigger text='Select option' />
2016-05-16 16:54:39 +02:00
<MenuOptions>
2016-05-23 16:55:16 +02:00
<MenuOption value={1} text='One' />
2016-06-07 17:05:25 +02:00
<MenuOption value={2}>
<Text style={{color: 'red'}}>Two</Text>
2016-05-30 09:17:00 +02:00
</MenuOption>
2016-06-07 17:05:25 +02:00
<MenuOption value={3} disabled={true} text='Three' />
2016-05-16 16:54:39 +02:00
</MenuOptions>
</Menu>
2017-12-19 11:08:34 +01:00
</MenuProvider>
2016-05-16 16:54:39 +02:00
);
export default BasicExample;