status-im
/
react-native-popup-menu
mirror of https://github.com/status-im/react-native-popup-menu.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

using scrollview docu

This commit is contained in:
Martin Bielik 2017-12-04 17:16:24 +01:00
parent 435409f574
commit caf865c051
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
doc/examples.md
View File

@ -80,11 +80,24 @@ Another nice use case is to have menu options with icons.
</MenuOptions>
...
const CheckedOption = (props) => (
<MenuOption {...props} text={(props.checked ? '\u2713 ' : '') + props.text} />
<MenuOption value={props.value} text={(props.checked ? '\u2713 ' : '') + props.text} />
)
```
It is important to pass all (other) props to underlaying `MenuOption`.
For more details see [extensions](extensions.md) documentation.
## Menu within scroll view
If you want to display menu options in scroll view, simply wrap all menu options with `<ScrollView />` component. For example:
```js
<MenuOptions>
<ScrollView style={{ maxHeight: 200 }}>
<MenuOption value={1} text='One' />
<MenuOption value={2} text='Two' />
...
</ScrollView>
</MenuOptions>
```
You can also check our [FlatListExample](../examples/FlatListExample.js).
## Styled menu
[StylingExample](../examples/StylingExample.js):