169 похожих чатов

Использую React Native Bottom Sheet. Как сделать так, чтобы кнопка

+ , плавно вниз уходила?

17 ответов

16 просмотров

{ position:'absolute', bottom:xx, right:yy, .... }. na "+" button, vne scroll a

Maxim-Ivanov Автор вопроса
Мирсаид
{ position:'absolute', bottom:xx, right:yy, .... }...

да пробовал он внизу болтается, т.к. 30% видимости bottom sheet внизу висит, за областью экрана

Maxim Ivanov
да пробовал он внизу болтается, т.к. 30% видимости...

Давно не трогал эту либу, но может просто в футер ее ткнуть?

какую именно библиотеку используете ? нужно найти колбэк, который будет вам возвращать текущую позицию bottom-sheet, основываясь на эту позицию, можно будет при помощи translateX анимировать позицию кнопки

Maxim Ivanov
@gorhom/bottom-sheet

https://gorhom.github.io/react-native-bottom-sheet/props#animatedposition нужно в пропсы передать amimatedValue и на своей стороне уже использовать ее должно выглядеть как-то так ``` const animatedPosition = useSharedValue(0); const animatedStyle = useAnimatedStyle(() => { return { transform: [{ translateY: amimatedValue.value }] // тут, естественно, нужно будет сделать пару математический дополнений, учитывая размер кнопки, отступы и т;д }; }); ``` соответсвенно animatedPosition передаем в BottomSheet, а стиль animatedStyle применяем к кнопке, компонент кнопки должен быть Animated, либо просто обернут в Animated.View

Maxim-Ivanov Автор вопроса
Avo
https://gorhom.github.io/react-native-bottom-sheet...

ок спасибо, поразбираюсь

Maxim-Ivanov Автор вопроса
Maxim Ivanov
я думаю так получше)

круто! каким способом ?

Maxim-Ivanov Автор вопроса
Avo
круто! каким способом ?

Анимации с реакта взял

Maxim Ivanov
screenshot

а что за цифры 320 и 5 ? это решение будет для всех девайсов работать ? и лучше конечно использовать reanimated2 он в разы производительней, ну либо как минимум useNativeDriver = true и чтоб не дублировать код можно написать так: Animated.spring(fadeAnim, { toValue: verticalScale(isOpen ? 5 : 320), useNativeDriver: true })

Maxim-Ivanov Автор вопроса
Avo
а что за цифры 320 и 5 ? это решение будет для все...

это просто игрался, пока взял такие значения

Maxim-Ivanov Автор вопроса
Avo
а что за цифры 320 и 5 ? это решение будет для все...

я еще такой вариант пробую, но блин он элемент перекрывает

Maxim Ivanov
@gorhom/bottom-sheet

часом не вылетает на андроиде без указания ошибки?

Похожие вопросы

Обсуждают сегодня

Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
75
Хотел бы спросить у знающих, правильную ли я выбрал книгу для начала изучения ассемблера Юрова В.И ? Или есть более лучшие книги для начала обучения?
Botsman
31
$params = [ 'formid' => 'feedbackForm', 'formTpl' => '@CODE: <form class="form-validate" data-id="ajax_form"> <fieldset class="margin-bottom-md"> ...
Pathologic
1
Где можно найти примеры эффективного "асинхронного" tcp сервера на C? Я видел select, kqueue, poll, epoll и т.д. Ввод-вывод неблокирующий, но обработка клиентов блокирующая
#
10
Всем доброго дня, ребят подскажите пожалуйста, если в курсе по ассемблеру используется MASM32, могу ли я использовать FASM? В чем явная разница и будет ли у меня все работать?
Botsman
17
Hi Everyone! To all Are you Looking for Interview Support at the Lowest Price? Look no further! Then contact us 👉We offer Interview Support :-for a low cost variety of tech...
Rambabu Nallamilli
3
Книга Юрова В.И пойдёт для обучения?
Botsman
24
Hello experts, Could someone kindly tell me how to run vacuum inside a plpgsql function? If you have any link please share. Thank you
Amol Palav
10
И ещё вопрос: можно ли типа как на дос как-то запариться и с помощью прерываний выводить текст, вместо функции printf ?
НѣкъиⰘижєжєиꙁъвьсєсвѣтьноѣсѣтиѥсть•
34
> Примечательно, что новый владелец удаляет из GitHub любые жалобы, указывающие на подозрительную активность или смену владельца, и, видимо, рассчитывает на то, что пользовате...
Alex Sherbakov
2
Карта сайта