tiefen_space_app/components/Picker/index.jsx

41 lines
1.1 KiB
JavaScript

import React from "react";
import RNPickerSelect from "react-native-picker-select";
import { useTailwind } from "tailwind-rn";
import { Icon } from "@rneui/themed";
export default function Picker({ value, items, onChange }) {
const tailwind = useTailwind();
return (
<RNPickerSelect
style={{
placeholder: tailwind("text-[#FFFFFF80]"),
inputIOS: tailwind(
"text-base text-white font-medium text-right pr-6 pb-2"
),
inputAndroid: tailwind(
"text-base text-white font-medium text-right pr-6"
),
}}
Icon={() => (
<Icon
containerStyle={{
height: 30,
...tailwind("flex items-center justify-center"),
}}
name="caret-down"
type="ionicon"
color="white"
size={14}
/>
)}
doneText="完成"
useNativeAndroidPickerStyle={false}
fixAndroidTouchableBug={true}
placeholder={{ label: "未填写", value: "" }}
value={value}
onValueChange={onChange}
items={items}
/>
);
}