+ , плавно вниз уходила?
{ position:'absolute', bottom:xx, right:yy, .... }. na "+" button, vne scroll a
да пробовал он внизу болтается, т.к. 30% видимости bottom sheet внизу висит, за областью экрана
Давно не трогал эту либу, но может просто в футер ее ткнуть?
какую именно библиотеку используете ? нужно найти колбэк, который будет вам возвращать текущую позицию bottom-sheet, основываясь на эту позицию, можно будет при помощи translateX анимировать позицию кнопки
@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
ок спасибо, поразбираюсь
я думаю так получше)
круто! каким способом ?
Анимации с реакта взял
а что за цифры 320 и 5 ? это решение будет для всех девайсов работать ? и лучше конечно использовать reanimated2 он в разы производительней, ну либо как минимум useNativeDriver = true и чтоб не дублировать код можно написать так: Animated.spring(fadeAnim, { toValue: verticalScale(isOpen ? 5 : 320), useNativeDriver: true })
это просто игрался, пока взял такие значения
я еще такой вариант пробую, но блин он элемент перекрывает
Your fab must be in child component not in parent(navigator) component
часом не вылетает на андроиде без указания ошибки?
Обсуждают сегодня