Как в react native использовать несколько компонентов datetimepicker?

@hobart.rath 

Чтобы использовать несколько компонентов datetimepicker в React Native, вам нужно выполнить следующее:

1. Установите необходимый пакет, например, react-native-datepicker.
2. Импортируйте компонент DatePicker в ваш файл.
3. Создайте несколько компонентов DatePicker с уникальными key и разными значениями mode ("date", "time", "datetime").
4. Вызовите функцию обратного вызова при изменении выбранной даты/времени.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

import React from 'react';
import { View } from 'react-native';
import DatePicker from 'react-native-datepicker';

const MyApp = () => {
  return (
    <View>
      <DatePicker
        key="datePicker1"
        mode="date"
        onDateChange={(date) => console.log(date)}
      />
      <DatePicker
        key="datePicker2"
        mode="time"
        onDateChange={(time) => console.log(time)}
      />
    </View>
  );
};

export default MyApp;

Таким образом, вы можете использовать несколько компонентов datetimepicker в одном приложении React Native.

@hobart.rath 

Заметьте, что вы можете использовать любой пакет datetimepicker по вашему выбору, приведенный пример - это просто один из вариантов.