2022-11-16 05:01:40 +00:00
|
|
|
import {useState} from 'react'
|
|
|
|
import {Button, Menu, useTheme} from 'react-native-paper'
|
2022-11-15 06:51:15 +00:00
|
|
|
import RNPickerSelect from 'react-native-picker-select'
|
|
|
|
import {Item} from 'react-native-picker-select'
|
2022-11-01 03:06:25 +00:00
|
|
|
|
|
|
|
export default function Select({
|
|
|
|
value,
|
|
|
|
onChange,
|
2022-11-15 06:51:15 +00:00
|
|
|
items,
|
2022-11-01 03:06:25 +00:00
|
|
|
}: {
|
|
|
|
value: string
|
|
|
|
onChange: (value: string) => void
|
2022-11-15 06:51:15 +00:00
|
|
|
items: Item[]
|
2022-11-01 03:06:25 +00:00
|
|
|
}) {
|
|
|
|
const {colors} = useTheme()
|
2022-11-16 05:01:40 +00:00
|
|
|
const [show, setShow] = useState(false)
|
2022-11-01 03:06:25 +00:00
|
|
|
|
|
|
|
return (
|
2022-11-16 05:01:40 +00:00
|
|
|
<Menu
|
|
|
|
style={{alignSelf: 'flex-start', justifyContent: 'flex-start'}}
|
|
|
|
visible={show}
|
|
|
|
onDismiss={() => setShow(false)}
|
|
|
|
anchor={<Button style={{alignSelf: 'flex-start'}}>{value}</Button>}>
|
|
|
|
{items.map(item => (
|
2022-11-16 05:27:49 +00:00
|
|
|
<Menu.Item
|
|
|
|
key={item.value}
|
|
|
|
title={item.label}
|
|
|
|
onPress={() => onChange(item.value)}
|
|
|
|
/>
|
2022-11-16 05:01:40 +00:00
|
|
|
))}
|
|
|
|
</Menu>
|
2022-11-01 03:06:25 +00:00
|
|
|
)
|
|
|
|
}
|