forked from instea/react-native-popup-menu
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFlatListExample.js
43 lines (39 loc) · 964 Bytes
/
FlatListExample.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import React, { Component } from 'react';
import { FlatList, Alert, StyleSheet } from 'react-native';
import {
MenuProvider,
Menu,
MenuTrigger,
MenuOptions,
MenuOption,
} from 'react-native-popup-menu';
Menu.debug = true;
const data = new Array(500)
.fill(0)
.map((a, i) => ({ key: i, value: 'item' + i }));
export default class App extends Component {
render() {
return (
<MenuProvider style={styles.container}>
<Menu onSelect={value => Alert.alert(value)}>
<MenuTrigger text="Select option" />
<MenuOptions>
<FlatList
data={data}
renderItem={({ item }) => (
<MenuOption value={item.value} text={item.value} />
)}
style={{ height: 200 }}
/>
</MenuOptions>
</Menu>
</MenuProvider>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
paddingTop: 20,
},
});