Update README.md

* fix problem with GIF
* update basic usage to more common case
This commit is contained in:
Stanislav Miklik 2017-03-20 15:49:47 +01:00 committed by GitHub
parent dac62721d9
commit 7a7bb6a3fe
1 changed files with 7 additions and 9 deletions

View File

@ -44,14 +44,14 @@ import {
export const YourComponent = () => ( export const YourComponent = () => (
<View> <View>
<Text>Hello world!</Text> <Text>Hello world!</Text>
<Menu onSelect={value => alert(`Selected number: ${value}`)}> <Menu>
<MenuTrigger text='Select option' /> <MenuTrigger text='Select action' />
<MenuOptions> <MenuOptions>
<MenuOption value={1} text='One' /> <MenuOption onSelect={() => alert(`Save`)} text='Save' />
<MenuOption value={2}> <MenuOption onSelect={() => alert(`Delete`)} >
<Text style={{color: 'red'}}>Two</Text> <Text style={{color: 'red'}}>Delete</Text>
</MenuOption> </MenuOption>
<MenuOption value={3} disabled={true} text='Three' /> <MenuOption onSelect={() => alert(`Not called`)} disabled={true} text='Disabled' />
</MenuOptions> </MenuOptions>
</Menu> </Menu>
</View> </View>
@ -67,9 +67,7 @@ export const YourComponent = () => (
## Demo ## Demo
<kbd> ![Popup menu preview](./android.demo.gif)
![Popup menu preview](android.demo.gif)
</kbd>
## Contributing ## Contributing
Contributions are welcome! Just open an issues with any idea or pull-request if it is no-brainer. Make sure all tests and linting rules pass. Contributions are welcome! Just open an issues with any idea or pull-request if it is no-brainer. Make sure all tests and linting rules pass.