Реактивная собственная прокрутка списка не работает в режиме прокрутки для Android - PullRequest
Новая
       3

Реактивная собственная прокрутка списка не работает в режиме прокрутки для Android

0 голосов
/ 01 февраля 2020

Приложение My React Native имеет длинный вид, и в нем отображаются прокручиваемые списки. 

  const TOTAL_LISTS = 20;
  const lists = [];
  for (let i = 0; i < TOTAL_LISTS; i++) {
    lists.push(
      <ScrollView style={{ height: 50, margin: 10 }}>
        <Text>1</Text>
        <Text>2</Text>
        <Text>3</Text>
        <Text>4</Text>
        <Text>5</Text>
      </ScrollView>
    );
  }

  return (
    <ScrollView scrollEventThrottle={10}>
      <Text>Before Text</Text>
      <Text>Before Text2</Text>
      {lists}
      <Text>After Text</Text>
      <Text>After Text2</Text>
    </ScrollView>
  );

Если основной вид не выходит за go за пределы экрана (например, TOTAL_LISTS = 2), тогда списки по-прежнему можно прокручивать для Android. Однако, если основной вид выходит за пределы экрана (например, TOTAL_LISTS = 20), списки не прокручиваются, поскольку он прокручивает только основной вид. Это не происходит с IoS устройствами.

Я использую Xiaomi Android 10.

Есть ли способ исправить проблему?

1 Ответ

0 голосов
/ 01 февраля 2020

{ ссылка }

<ScrollView {...parentProps}>
  <ScrollView {...childProps} nestedScrollEnabled={true}>
  </ScrollView>
</ScrollView>
...