set "timePicker={true}", then timePicker connot slide

[Jhh910]

<TouchableOpacity onPress={() => setVisible(true)}>
  <Text style={{marginLeft: 14, marginTop: 10, marginBottom: -8}}>{des}</Text>
  <Text style={styles.timePicker}>{date ? date + ':00' : '点击选择时间'}</Text>
  <Modal
    animationType="slide"
    transparent={true}
    visible={visible}
    onRequestClose={() => setVisible(false)}>
    <TouchableWithoutFeedback
    // onPress={() => setVisible(false)}
    >
      <View
        style={{
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
          backgroundColor: 'rgba(0, 0, 0, 0.7)',
        }}>
        {/* <ThemeSelector themes={Themes} setTheme={setTheme} /> */}
        <View style={styles.datePickerContainer}>
          <View style={styles.datePicker}>
            <DateTimePicker
              mode={mode}
              date={date}
              locale={locale}
              //minDate={dayjs().startOf('day')}
              //maxDate={dayjs().add(3, 'day').endOf('day')}
              //firstDayOfWeek={1}
              displayFullDays
              timePicker={true}
              onChange={onChange}
              headerButtonColor={theme?.mainColor}
              selectedItemColor={theme?.mainColor}
              // eslint-disable-next-line react-native/no-inline-styles
              selectedTextStyle={{
                fontWeight: 'bold',
                color: theme?.activeTextColor,
              }}
              // eslint-disable-next-line react-native/no-inline-styles
              todayContainerStyle={{
                borderWidth: 1,
              }}
            />
            <View style={styles.footer}>
              <View style={styles.footerContainer}>
                <Text>
                  {date ? dayjs(date).locale(locale).format('YYYY-MM-DD HH:mm:ss') : '...'}
                  {/* {date ? dayjs(date).locale(locale).format('MMMM, DD, YYYY - HH:mm') : '...'} */}
                </Text>
                {/* <Pressable
                  onPress={() => setDate(dayjs())}
                  accessibilityRole="button"
                  accessibilityLabel="Today">
                  <View style={[styles.todayButton, {backgroundColor: theme?.mainColor}]}>
                    <Text style={[styles.todayButtonText, {color: theme?.activeTextColor}]}>
                      今天
                    </Text>
                  </View>
                </Pressable> */}
                <Pressable
                  onPress={() => setVisible(false)}
                  accessibilityRole="button"
                  accessibilityLabel="Today">
                  <View style={[styles.todayButton, {backgroundColor: theme?.mainColor}]}>
                    <Text style={[styles.todayButtonText, {color: theme?.activeTextColor}]}>
                      确定
                    </Text>
                  </View>
                </Pressable>
              </View>
            </View>
          </View>
        </View>
      </View>
    </TouchableWithoutFeedback>
  </Modal>
</TouchableOpacity>

When I want to choose the time， Sometimes the  timepicker  doesn't slide

[Jhh910]

WeChat_20240619141641.mp4

[BXCAdmin]

I have the same problem...
I get this error and cant find a solution:
VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.

Date picking works fine

[Jhh910]

I have the same problem... I get this error and cant find a solution: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.

Date picking works fine

thank you