Как сделать iOS-панель нижнего листа Maps в реагирующем родном? - PullRequest
0 голосов
/ 20 февраля 2019

Я занимаюсь разработкой реактивного приложения.Я пытаюсь сделать элемент пользовательского интерфейса похожим на тот, который есть на Картах в iOS, в котором вы можете сдвинуть панель снизу.Поведение списка довольно сложно, как:

  • Вы не можете прокрутить список вниз, пока панель не будет полностью открыта.
  • При попытке прокрутить ее вниз панель поднимается, а затем, если вы продолжите скользящее движение по экрану, список начинает прокручиваться.

И, конечно:

  • Вы не можете сдвинуть панель вниз, пока список не будет в начале.
  • Если вы попытаетесь сдвинуть панель вниз, а список не будет полностью прокручен вверх, вы закончите прокруткой списка до начала, а затем потянете панель вниз.

прокрутку списка вверх или вниз и перемещение панели вверх или вниз нужно сделать одним движением.Пользователю не нужно вытаскивать палец из экрана, чтобы выполнить второе действие.Это действительно сложная часть.Кроме того, он должен работать на iOS и Android.

Пример GIF-панели iOS и ожидаемое поведение.

Идеальный модуль будет примерно таким,но список все еще можно прокручивать, даже когда он достиг вершины: https://github.com/donaldmorton/react-native-bottom-drawer

Я попытался с этим модулем безуспешно: https://github.com/simonhoss/react-native-touch-through-view

Что-то подобное в реакции-нативном было бы идеально: Как можно имитировать нижний лист из приложения "Карты"?

Я уже проверил этот пост: Реагировать на собственную выдвижную панель и просмотр прокрутки

Любая помощь приветствуется, спасибо!

...