Nick
https://github.com/react-community/create-react-native-app
Nick
Привет, у меня тут хакатон и надо быстро что-то запилить, я знаком с обычным реактом, какой бойлерплейт посоветуете, если необходимы редукс, материал и пуши :)
Если нужно по быстренькому что-то запилить не рекоменду ignite
Makar
Натив юзал в формате допила багов на живом проекте поэтому не очень знаком с настройкой с нуля и хочется на этом сэкономить время
Вот что-то еще https://github.com/bruz/react-native-redux-groceries
Anatoly
Просто насколько я слышал с пушами сетап вызывает некоторую боль
Makar
one signal? вроде без боли
Anatoly
Надо посмотреть как это ещё с бэка вытаскивается
Anatoly
Спасибо!
A
знающие подскажите, как построить responsive ui в react-native приложении?
A
правильно ли понимаю, что обычный css с media-queries не сработает?
Nick
Напиши свою реализацию медиакверей
Nick
И применяй её в стилях, где нужно
Nick
правильно ли понимаю, что обычный css с media-queries не сработает?
ну или вот поюзай - https://github.com/styled-components/styled-components
A
я видел вариант что при каждом изменении ориентации экрана - делать ререндер компонента
Nick
При поворотах меняется ширина и высота экрана, которые ты сожешь получить из onLayout в корневой вьюхе и отдать их глобальный стор
A
ну так да. постоянно ререндерить получается
Nick
соответственно от высоты и ширины экрана определять дальше свой ui
Nick
ну логично
Nick
если ты хочешь изменить UI тебе придется его перерендерить
Nick
а ты как хотел?
Vitaly
гайз, а есть какие-то серьёзные опен-сорс примеры приложений на React Native? в веб-мире есть https://github.com/gothinkster/realworld , но у них не сделаны мобилки
Andrey
Ребят, вопрос есть: использую react native router flux 3, есть экран профайла, на котором есть кнопка изменения профайла, по нажатию на эту кнопку перехожу на экран редактирования профайла, изменяю данные, нажимаю кнопку done, которая записывает эти данные на сервер и возвращает обратно на предыдущий экран (на первый экран, где просто данные профайла отображаются). Так вот, собственно, проблема: данные на сервер уходят, всё ок, но когда я обратно в профайл попадаю, он отображает старые данные. Можно ли как-то переход назад сделать таким образом, чтобы он перечитал новые данные?
Andrey
переход назад просто через Actions.pop() делаю
Vadim
не делай pop в таком случае
Vadim
переходи напрямую на сцену
Vadim
тогда будет перерендер
Vadim
И лучше обновись до 4 версии, если есть возможность
Nick
а почему? только аргументированно)
Без проблем. У нас на проекте изначально стоял роутер флакс. Было множество проблем, основной из которых стала проблема множественных переходов, тыркаешь два - три раза, и он столько же раз переходит. Ребята на проекте не могли пофиксить этот ишью месяца два, и мы решили от него отказаться. Перешли на react-navigation, в результате чего засчет нативных анимаций в разы увеличился перфоманс, и соответственно скорость работы приложения, особенно на ведре.
Nick
Конечно, реакт навигэйшн принес свои проблемы, но по сравнению с роутер флаксом это были мелочи. Последний раз я следил за этим пакетом месяца три назад, и как по мне он весьма сырой, и его тупо не фиксят в критичных местах. В общем не советую, особенно когда полно альтернатив
Джон
Всем привет! Есть тут кто-то, кто активно юзает react-router или react-router-navigation?
Vadim
В 4 ой версии RNRF под капотом react-navigation, так что слова не используй он плохой не совсем верны
Roman
есть ли для RN библиотека, реализующая интерактивную обучалку для пользователя? Вроде "кликни сюда, чтобы отправить письмо"
Roman
чтобы при первом использовании приложения провести тур по аппликейшену
Roman
нашел такую либу https://github.com/FuYaoDe/react-native-app-intro
но хотелось бы оверлеем рисовать прямо поверх интерфейса подсказки
A
коллеги, кто разбирался с react-native-fcm,
я правильно понимаю, что вот эта инструкция не срабатывает
this.notificationListener = FCM.on(FCMEvent.Notification, async (notif) => {
console.log('Push Notification LISTENER', notif);
});
если не приходит нотификейшн в само приложение, правильно?
Kirill
коллеги, кто разбирался с react-native-fcm,
я правильно понимаю, что вот эта инструкция не срабатывает
this.notificationListener = FCM.on(FCMEvent.Notification, async (notif) => {
console.log('Push Notification LISTENER', notif);
});
если не приходит нотификейшн в само приложение, правильно?
в иосе сработает в андроиде надо getInitialNotification использовать
A
Вот не работает, видимо не приходит с файрбейза нотификейшн
Kirill
Вот не работает, видимо не приходит с файрбейза нотификейшн
в каком случае? если приложение закрыто и запустить приложение через пуш?
A
открыто приложение
A
и шлю через форму на определенный токен нотификейшн
A
пишет, что успешно отправлено
Kirill
на реальный девайс?
A
да
Kirill
в appdelegate в didReceiveRemoteNotification можно логи добавить
A
а можно чуть конкретнее?
A
в файле AppDelegate.m
A
я в objective c - полный null
A
)
Kirill
в файле AppDelegate.m
в доке есть шаг где надо хуки прописать https://github.com/evollu/react-native-fcm#shared-steps. В последнем можно вставить NSLog(@"hello remote push"); и смотреть логи при отправке - если есть лог, значит пуш доходит - проблема в обработке, если лога нет - значит пуш не доходит и проблема в отправке
A
nice!
A
а лог в консоль выпадет?
Aleksei
в икскоде в консоль
A
проблема в отправке похоже
A
а может кто пояснить что это за команда:
react-native link react-native-fcm
https://github.com/evollu/react-native-fcm#installation ?
Aleksei
а может кто пояснить что это за команда:
react-native link react-native-fcm
https://github.com/evollu/react-native-fcm#installation ?
посмотри как нативные модули руками ставить, и поймешь что делает эта команда
A
если я правильно понимаю, react-native глобально вызывается
A
он у меня локально стоит
Kyrylo
не важно
A
не важно, пишет not defined
A
ладно, сделал мануально
Kyrylo
ваще не понятно ничего
Kyrylo
скрин к ошибке не имеет отношения
Kirill
судя по всему doctorCard.map действительно не фанкшн
Kirill
дедукция мой конек
Mikhail
гайз, а есть какие-то серьёзные опен-сорс примеры приложений на React Native? в веб-мире есть https://github.com/gothinkster/realworld , но у них не сделаны мобилки
Мне только про это известно: https://github.com/fbsamples/f8app
Mikhail
Поддерживаю вопрос
Mikhail
Вот еще: https://github.com/junedomingo/movieapp
Jahanger
Halo, есть кто сталкивался с проблемой клавиатуры , то что закрывает часть вида ?
Dan
Halo, есть кто сталкивался с проблемой клавиатуры , то что закрывает часть вида ?
Насколько я понял это на откуп девелоперам. Клава не смещает вьюху вверх
Jahanger
Насколько я понял это на откуп девелоперам. Клава не смещает вьюху вверх
она поднимает контент но не весь
Jahanger
пол TextInput закрыта
Vlad
пол TextInput закрыта
https://medium.freecodecamp.org/how-to-make-your-react-native-app-respond-gracefully-when-the-keyboard-pops-up-7442c1535580
Nick
пол TextInput закрыта
https://facebook.github.io/react-native/docs/keyboardavoidingview.html чуваки, внимательнее с докой
Kyrylo
Максим
Очередные ребята захотели разбогатеть
A
господа, расшарьте кто podfile , кто юзает react-native-fcm
A
не вкуриваю вот этот пункт: NOTE: you don't need to enable use_frameworks!. if you have to have use_frameworks! make sure you don't have inherit! :search_paths