Custom Bottom Sheet using React Native Reanimated and Native Base
In this video we are going to create a custom bottom sheet with 3 snap points using React Native Reanimated, React Native Gesture Handler and Native Base and use the interpolate method to update our bottomsheet height on a drag gesture.
Please check the versions of the packages installed. There might be some changes/updates in the used functions based on the versions of the packages you are using.
Native Base Setup - https://youtu.be/Nni36VdamBU
Please follow the video if you want the required animation as shown, there might be some changes in the github repo based on the commit time.
Github Repo - https://github.com/Monisankarnath/Reanimated-Gesture/tree/reanimated-bottomsheet
Timecodes
0:00 - Intro
00:58 - Initial Setup
01:29 - Project Start
01:52 - Animated Box Component
04:15 - Reanimated Pan Gesture
10:06 - Reanimated interpolate function
15:57 - Reanimated withSpring function
19:10 - Adding minimum threshold
22:32 - Adding 3rd snap point
#technology #react #learning
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Custom Bottom Sheet using React Native Reanimated and Native Base», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.