rn-picker-modal

一个简单的rn-picker-modal组件

1yarn add rn-picker-modal

基础用法

1import { DatePicker } from 'rn-picker-modal'
2
3
4const Index = () => {
5  const dateRef = useRef();
6  const [date, setDate] = useState(new Date());
7
8  return (
9    <SafeAreaView style={{flex: 1}}>
10      <DatePicker
11        ref={dateRef}
12        date={date}
13        onConfirm={v => {
14            setDate(v)
15        }}
16      />
17      <Button
18        title="open"
19        onPress={() => {
20          dateRef.current.toggleModal();
21        }}
22      />
23    </SafeAreaView>
24  );
25};

演示

1import { Wheel } from 'rn-picker-modal'
2import { View,  SafeAreaView } from 'react-native'
3
4const Index = () => {
5  const dateRef = useRef();
6  return (
7    <SafeAreaView style={{flex: 1}}>
8      <View>
9        <Wheel data={[1, 2, 3]}>
10      </View>
11    </SafeAreaView>
12  );
13};
14
15