Я условный поставил пока что в апп, но не знаю на сколько это правильно или как сделать лучше 🤷♂
Да мне кажется нормально это. Смысл же в том, чтобы гарантировать наличие одного стэка по условию. Вроде, оно так и работает
Alexey
Ayaz
Anonymous
Anonymous
Zhako ❄️
npm install
Daniil
Прочитай
Zhako ❄️
А какую открыть
Zhako ❄️
Я не знаю реакт , но нужно запустить проект
Daniil
Это не реакт, почитай про package и всякие нпм
Zhako ❄️
спасибо большое
Zhako ❄️
Zhako ❄️
я тот запустила. а что с этим делать😁
sh’
Здравствуйте
Подскажите пожалуйста
Как лучше сделать анимированный переход от логин скрина к другой страничке ?
Alexander
Здравствуйте
Подскажите пожалуйста
Как лучше сделать анимированный переход от логин скрина к другой страничке ?
Просто показать лучше всего)
Anonymous
Alexander
Какой нить переход хотя бы ) плавный или просто плавное появление
Переход нужен если ты назад будешь возвращаться, навигация по свайпу. В этом случае лучше просто появление.
Aleksandr
Привет, кто-то использовал reanimated-bottom-sheet в модалке?
Aleksandr
Конкретно в ней используются react-native-gesture-handler, которые почему-то не работают в модалке
dan
Привет, кто-то использовал reanimated-bottom-sheet в модалке?
А зачем потребовалось в модалке это делать? Что-то не могу сообразить.
Aleksandr
А зачем потребовалось в модалке это делать? Что-то не могу сообразить.
Нужен оверлей с боттомШитом поверх шапки и боттомБара из реакт-навигейшн
dan
Modal из react-native которая?
Aleksandr
и react-native-modal
Aleksandr
ну тоже обертка над Modal из react native
dan
Тебе модалка эта нужна именно для того, чтобы все остальное перекрылось оверлэем?
Aleksandr
+
dan
Вообще я сделал отдельный экран в react-navigation. При переходе в него передавал имя шита через параметры и в экране рендерил нужный шит исходя из имени. Но это у меня кейс шиты стакаться могу и перекрывать друг друга.
dan
А ты сам оверлей нарисовать не можешь?
dan
Там же есть callbackNode кажется. По ней бы отрисовал оверлей.
Aleksandr
Там же есть callbackNode кажется. По ней бы отрисовал оверлей.
он не будет поверх шапки и навбара
Aleksandr
zIndex навешивал
dan
Даже если StyleSheet.absoluteFillObject?
Aleksandr
да
dan
Странно.
Aleksandr
position absolute top...bottom: 0
Aleksandr
он будет внутри страницы рендериться
Aleksandr
Ща еще раз попробую кнш
Aleksandr
dan
<TouchableOpacity
activeOpacity={1}
onPress={handleClose}
style={StyleSheet.absoluteFillObject}
>
<Animated.View
style={[
{
flex: 1,
backgroundColor: '#000',
opacity: animatedShadowOpacity,
},
]}
/>
</TouchableOpacity>
dan
У меня вот так висит.
Aleksandr
и из страницы поверх навбаров и шапок идет?
Aleksandr
у меня просто как на скрине
dan
Да, но опять же, у меня это отдельный скрин, у которого прозрачный фон.
Aleksandr
так ты там можешь просто выключить шапки и тд
dan
Зачем? У меня оверлэй все перекрывает как надо.
dan
Aleksandr
При закрытии шита у тебя редирект обратно?
Aleksandr
Ну походу вариант с созданием отдельной страницы и отображением ее поверх текущей будет нормально
dan
Да, на какой-то евент из bottom-sheet вызывал goBack.
Aleksandr
Можешь из роутера код показать, если не сложно?
dan
У тебя 5 nav?
Aleksandr
React Navigation
dan
Да, версию спрашиваю.
dan
4 или 5?
Aleksandr
Да
Aleksandr
5
dan
<Stack.Screen
name="ModalContainer"
component={ModalContainer}
initialParams={{ modalName: null }}
options={{
gestureEnabled: false,
animationEnabled: false,
cardStyle: {
backgroundColor: 'transparent',
},
}}
/>
dan
Вот так в корне навигации висит скрин, который будет рендерить шит.
dan
И у навигатора стоит mode="modal"
Aleksandr
Это только для 1 страницы модалка или общий роутер модалок?
dan
Общий.
Aleksandr
По типу стэка модалок
Aleksandr
Понял, спасибо, ща попробую
dan
Сам комопонент уже из параметров вытягивает имя шита и рендерит его.
export const ModalContainer: FC<ModalContainerProps> = (props) => {
const [visibility, dispatch] = useReducer(
(state: VisibilityState, name: ModalName) => ({
...state,
[name]: !state[name],
}),
{
[ModalName.PROFILE]: false,
[ModalName.REPORT]: false,
[ModalName.FILTERS]: false,
[ModalName.CHAT_ACTIONS]: false,
[ModalName.PREMIUM_ACCOUNT]: false,
},
);
const { route } = props;
const { modalName, userId } = route.params;
useEffect(() => {
if (modalName) {
dispatch(modalName);
}
}, [dispatch]);
return (
<>
{visibility[ModalName.FILTERS] && <Filter />}
{visibility[ModalName.PROFILE] && userId && <Profile userId={userId} />}
{visibility[ModalName.REPORT] && <Report {...props} />}
{visibility[ModalName.CHAT_ACTIONS] && <ChatActions {...props} />}
{visibility[ModalName.PREMIUM_ACCOUNT] && <PremiumAccount />}
</>
);
};
dan
Кстати, если еще не много сделано касательно шита, то присмотрись к react-native-modalize.
dan
Возможно лучше решение чем reanimated bottom sheet. Но я не использовал.
Aleksandr
Возможно лучше решение чем reanimated bottom sheet. Но я не использовал.
Я его использую пока
Artem
[auth/session-expired] The sms code has expired. Please re-send the verification code try again
Привет, встречались когда либо на андроиде?
Artem
Код приходит на тел. На каких то устройствах работает, на каких то вот такое.
dan
Это компоненты, которые внутри возвращают шит.
Aleksandr
Мб в объект запихать компоненты, чтоб в ретурне меньше кода было