@dim5on

Как сделать Bottom Action Sheet в React Native?

Как сделать такой bottom sheet?
5c6c63e393cd5373496670.jpeg

Может есть какие нибудь туториалы? Главное, чтобы было несколько стадий открытия как на скриншотах. Интересует реализация на js (React Native + Animated API), писать на java или swift не хватает опыта.

Подобное окно реализовано в приложении Yandex Taxi.
5c6c656d7abb5345513128.jpeg
  • Вопрос задан
  • 836 просмотров
Решения вопроса 1
polarlord
@polarlord
Есть такие варианты (от простых к сложным):
1. Воспользуйтесь поиском в гугле. Есть масса готовых решений, вы не первый кому нужно такое средство. Как пример, вот что удалось найти за минуту поиска:
раз
два
три
2. Писать самому, используя Modal. Это родной компонент React Native. Для аннимации выезжания вверх ставите проп animationType={slide}. Всё остальное - делаете как обычный компонент.
3. Писать самому используя LayoutAnimation или Animated. Создаёте ваш виджет, делаете ему postion: absolute и анимируете ему свойство top (для Animated) или просто меняете top и задаёте аннимацию (для LayoutAnimation).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы