Я занимаюсь разработкой реактивного приложения.Я пытаюсь сделать элемент пользовательского интерфейса похожим на тот, который есть на Картах в iOS, в котором вы можете сдвинуть панель снизу.Поведение списка довольно сложно, как:
- Вы не можете прокрутить список вниз, пока панель не будет полностью открыта.
- При попытке прокрутить ее вниз панель поднимается, а затем, если вы продолжите скользящее движение по экрану, список начинает прокручиваться.
И, конечно:
- Вы не можете сдвинуть панель вниз, пока список не будет в начале.
- Если вы попытаетесь сдвинуть панель вниз, а список не будет полностью прокручен вверх, вы закончите прокруткой списка до начала, а затем потянете панель вниз.
прокрутку списка вверх или вниз и перемещение панели вверх или вниз нужно сделать одним движением.Пользователю не нужно вытаскивать палец из экрана, чтобы выполнить второе действие.Это действительно сложная часть.Кроме того, он должен работать на iOS и Android.
Пример GIF-панели iOS и ожидаемое поведение.
Идеальный модуль будет примерно таким,но список все еще можно прокручивать, даже когда он достиг вершины: https://github.com/donaldmorton/react-native-bottom-drawer
Я попытался с этим модулем безуспешно: https://github.com/simonhoss/react-native-touch-through-view
Что-то подобное в реакции-нативном было бы идеально: Как можно имитировать нижний лист из приложения "Карты"?
Я уже проверил этот пост: Реагировать на собственную выдвижную панель и просмотр прокрутки
Любая помощь приветствуется, спасибо!