Vall
Всем привет, подскажите, как такое фиксить?
Vall
Vall
Облазил все файлы, все прописал правильно, общарил гугл - ничего не нашел, в чем может быть проблема
Vall
вот код : const Btn = ({ children, ...props }) => ( <TouchableOpacity {...props}> <Text>{children}</Text> </TouchableOpacity> ); const One = ({ navigation: { navigate, toggleDrawer } }) => ( <Fragment> <Btn onPressIn={() => navigate('TwoStack')}>To second Page in Stack</Btn> <Btn onPressIn={() => toggleDrawer()}>toggleDrawer</Btn> </Fragment> ); const Two = ({ navigation: { navigate, toggleDrawer } }) => ( <Fragment> <Btn onPressIn={() => navigate('OneStack')}>To first Page in Stack</Btn> <Btn onPressIn={() => toggleDrawer()}>toggleDrawer</Btn> </Fragment> ); const Stack = createStackNavigator({ OneStack: { screen: One }, TwoStack: { screen: Two }, }); const DrawerNAv = createDrawerNavigator({ Root: { screen: Stack }, }); export default createAppContainer(DrawerNAv);
Vall
Всем привет, подскажите, как такое фиксить?
Проблема в дровере который мигает постоянно, я не понимаю почему так происходит, что я делаю не так? Никогда такого не было
Alexey
Проблема в дровере который мигает постоянно, я не понимаю почему так происходит, что я делаю не так? Никогда такого не было
Не знаю, в чём проблема в этом коде, но свежая статья об изготовлении многостраничной менюшки может помочь, имхо: https://shift.infinite.red/how-to-create-a-multi-pane-drawer-in-react-native-9d69dd1eb2d4
Alexey
Там с анимацией игра идёт.
Владимир
всем привет! подскажите пожалуйста, как передать из мапинга класс компоненту данные?
Vall
Там с анимацией игра идёт.
Ну ты тоже видишь этот баг? Вот наглядней:
Vall
Alexey
Alexey
Это от того, что по умолчанию при показе Drawer основная страница затеняется.
Alexey
Ну ты тоже видишь этот баг? Вот наглядней:
В исходниках дравера можно отключить оверлей: https://github.com/react-navigation/react-navigation/issues/3720#issuecomment-433512976 Но это не решение и даже не костыль.
Владимир
arr.map(e=><Component {...e}/>)
так? {data.map(item => ( <ShopCard data={item} key={item.id}/> )) }
Vall
Это от того, что по умолчанию при показе Drawer основная страница затеняется.
Сейчас гляну то что ты кинул, может там найду что-то, ну мне не понятно почему drawer всегда при переходе на другую страницу как бы открыт, ладно с stack там переход идёт, но почему сам drawer так мигает🤔 Почему он не в open:false
不退転」
不退転」
Пипл, юзаю Top Bar Navigator из react-navigation. Как можно сделать, что бы меньшие (по высоте) скрины не подстраивались под самый большой? Типа как на видео:
Владимир
Да
а как получить эти данные в этом самом классе?
Alexey
Сейчас гляну то что ты кинул, может там найду что-то, ну мне не понятно почему drawer всегда при переходе на другую страницу как бы открыт, ладно с stack там переход идёт, но почему сам drawer так мигает🤔 Почему он не в open:false
В версии 3 react navigation такое добавили: Add options to opt in/out of the stack card overlay and shadow that are visible during transitions: cardShadowEnabled defaults to true and cardOverlayEnabled defaults to false. cardShadowEnabled - Use this prop to have visible shadows during transitions. Defaults to true Попробуй cardShadowEnabled в false выставить
Владимир
Ты доку по реакту читал?
я вообще зхапутался
Vall
я вообще зхапутался
const {name,age} = item; Дальше куда надо, туда и пихаешь
Dmitry
Пипл, юзаю Top Bar Navigator из react-navigation. Как можно сделать, что бы меньшие (по высоте) скрины не подстраивались под самый большой? Типа как на видео:
Я сталкивался с такой проблемой в react-native-tab-view. Решил следующим образом: Переписав компонент (шутка)
Dmitry
Хотя я все равно свою реализацию написал
Dmitry
Суть в том, что они всегда будут растягиваться под самый высокий, решить это можно обернув каждый слайд во View с style={{ flex: 1, height: selectedIndex === index ? undefined : 0 }}
Dmitry
Идея в том, что у выбранного слайда будет высота undefined и он расчитает ее автоматически по содержимому, потому что у остальных слайдов высота 0
Dmitry
он не будет растягивать на их высоту
Vall
Такого это какого?
что drawer так мигает(выше видео), stack внутри drawer
Dmitry
это наверное react-navigation
Vall
+
Dmitry
хз)
Alexey
Интересно что если не трогать drawer, то оно баг создаёт при переходе назад, если показать-скрыть, то старый баг появляется
А зачем вообще на скринах toggleDrawer? Drawer там один, надо только раз его показать, а затем уже навигация между скринами без toggleDrawer должна быть.
Alexey
Работает-то, выходит, как написано: каждый раз перерисовывает Drawer
Vall
ну у меня же вложенный стак навигатор, если постоянно перерисовывает то как быть? он же на всех страницах будет же или ты не о том?
С
Подскажите, как я могу поменять нативные стили алерта в ios и android?
Aynur
написать свои с помощью modal
Alexey
это к примеру просто, я же могу его открывать и закрывать на любом экране
Да. Это я натупил, почему-то показалось, что каждый раз вызывается toogleDrawer, а там только по нажатию кнопки.
Владимир
вот, что выдает
const {id} = data выдает такую ошибку
Vall
Да. Это я натупил, почему-то показалось, что каждый раз вызывается toogleDrawer, а там только по нажатию кнопки.
то есть при переходе в стэке каждый раз рисуется новый дровер в дроверНав?
Aleksei
Подскажите, как я могу поменять нативные стили алерта в ios и android?
в андроиде через res/values/styles.xml но оно для всего приложения будет
Dmitry
ну ошибку то прочитать можно и даже написано на какой строке. в каком компоненте
Vall
Да. Это я натупил, почему-то показалось, что каждый раз вызывается toogleDrawer, а там только по нажатию кнопки.
То есть при переходе с одного скрина на другой в stack, перерисовуется drawer?
Dmitry
ищи где к item обращаешься
Alexey
то есть при переходе в стэке каждый раз рисуется новый дровер в дроверНав?
Не. Другое тут. Drawer тут и ни при чём, вроде. У тебя просто переключение между двумя скринами с ненужным оверлеем. Пишут такое (см cardStyle): const RootNavigator = createStackNavigator({ Login: { screen: Login }, Home: { screen: Home } }, { initialRouteName: 'Login', cardStyle: { opacity: 1 } // Prevent white flicker on Android when navigating between screens } );
Dmitry
не то
Владимир
Dmitry
я не буду гадать по фотографии
Dmitry
такое чувство, что ты просто наобум куски кода присылаешь, а вдруг тут, а вдруг тут
Владимир
я не буду гадать по фотографии
нет, нге на олбум, а там где эти самые ошибки могут быть, больше нигде этого нет у меня класс компонент class ShopCard extends React.Component{ … } в него пытаюсь передать через мапинг
Alexey
тоже не помогло, может смотреть в сторону react-native-navigation?
Wix навигатор мне не понравился. Проблемный он. Но это только субъективное мнение.
Vall
Wix навигатор мне не понравился. Проблемный он. Но это только субъективное мнение.
Крч, решил, был конфликт версий, версия expo(29) не поддерживает 3.0 реакт навигации, поставил 2.0 и все работает нормально🤦‍♂️ Спасибо что помогал
Vall
О! Экспо. А я сижу, не воспроизводится у меня никак без Expo. :-)
Для маленьких и быстрых проектов пойдет)
Alexey
Для маленьких и быстрых проектов пойдет)
Я не говорил, что Expo - это плохо. :-) Но вот воспроизводить пытался без него. За инфу про несовместимость, кстати, спасибо. Я бы непременно наступил на эти грабли на следующей неделе.
Vall
Я не говорил, что Expo - это плохо. :-) Но вот воспроизводить пытался без него. За инфу про несовместимость, кстати, спасибо. Я бы непременно наступил на эти грабли на следующей неделе.
Я просто вижу иногда что его хейтят🤔 Ну я работал и с rn cli и с expo, то expo удобней + я вэбэр, мне бы быстрее все поставить и начать работать, потому что прошлый рн разраб ушел и ищем нового, а мобайл некому начать ибо никто с рн не работал, ну и попросили меня🙎‍♂️
Diana
Всем привет! Ребят кто-нибудь пробовал прикручивать гугл рекламу в RN? с пакетом react-native-admob куча прроблем (старые версии)
Diana
help please )
Diana
или может быть кто-нибудь тестил Admob в Firebase?
Aynur
@diana_makarevich тестил, работает адекватно вроде
Ivan
Такой вопрос. А можно проект переводить на ts частично?
Богдан
А зачем?)
Ivan
Чтобы не всё сразу на тс перелопачивать :)