а еще лучше SafeAreaView использовать

Как вариант чекнуть в SafeAreaView

спасибо?

Никто не обновлялся до нового релиза 0.56-rc? Много изменений, но которые ломают совместимость не вижу.

Кому интересно, я тут наскреб немного впечатлений о React Native после полугода работы с ним. Сравниваю в целом с нативной android-разработкой https://medium.com/@Bringoff/how-an-android-developer-dived-into-react-native-and-survived-cc6531d327d4

Кому интересно, я тут наскреб немного впечатлений о React Native после полугода работы с ним. Сравниваю в целом с нативной android-разработкой https://medium.com/@Bringoff/how-an-android-developer-dived-into-react-native-and-survived-cc6531d327d4

в целом все достаточно объективно, хорошая статья ?? я бы еще послушал про Architecture Components и различие от RN, а то в статье было скорее для андроидов девов, а не наоборот)

Очень взвешанная статья, круто! Поставил лайков

Если кто-то интересуется нативной Android разработкой, то можно почитать мои статьи про background work, последняя тут https://proandroiddev.com/android-background-in-a-nutshell-part-v-kotlin-coroutines-f1bde21875f6

а бы вот какой хотел вопрос поднять, чего не хватает для дебага в RN? особенно интересно в сравнении с нативной мобильной разработкой

Кому интересно, я тут наскреб немного впечатлений о React Native после полугода работы с ним. Сравниваю в целом с нативной android-разработкой https://medium.com/@Bringoff/how-an-android-developer-dived-into-react-native-and-survived-cc6531d327d4

Лайк за статью ?

а бы вот какой хотел вопрос поднять, чего не хватает для дебага в RN? особенно интересно в сравнении с нативной мобильной разработкой

приложение под react-native-debugger очень тормозит. Для студии такого не наблюдается конечно. Под хромом не тормозит, но там и redux инспектора нет

вместо реакт нейтив дебаггера пользовался stick_kitten

хватает консоль логи

и не грузит ни ноут ни приложение

ибо дебаггер через 5-6 часов работы начинает люто лагать

а вы ребят remote debugger только для логов юзаете или что то еще?

https://infinite.red/reactotron

а бы вот какой хотел вопрос поднять, чего не хватает для дебага в RN? особенно интересно в сравнении с нативной мобильной разработкой

Ну, из того, что приходит на память, и что часто использую в андроиде, это evaluation. Типа остановился на брейкпоинте и размышляешь, как докатился до такого состояния. вызываешь evaluate expression на какой-то переменной и читаешь из нее почти все, что захочешь

Ну, из того, что приходит на память, и что часто использую в андроиде, это evaluation. Типа остановился на брейкпоинте и размышляешь, как докатился до такого состояния. вызываешь evaluate expression на какой-то переменной и читаешь из нее почти все, что захочешь

по идее можно такое сделать, по крайней мере в remote debugger-е, но тут вопрос скорее про привязку к редакторам уже

парни, react-native-vector-icons ошибку дает: ERROR in ./node_modules/react-native-vector-icons/lib/create-icon-set.js 35:21 Module parse failed: Unexpected token (35:21) You may need an appropriate loader to handle this file type. подключено по док-и черз webpack, сталкивался может кто?

парни, react-native-vector-icons ошибку дает: ERROR in ./node_modules/react-native-vector-icons/lib/create-icon-set.js 35:21 Module parse failed: Unexpected token (35:21) You may need an appropriate loader to handle this file type. подключено по док-и черз webpack, сталкивался может кто?

через вебпак?

да

веб что ли? или haul?

web

для лоадера exclude на node_modules стоит скорее всего. в RN пакеты не транспилированные обычно

// exclude: /node_modules\/(?!(react-native-elements|react-native-vector-icons)\/).*/, вставлял строку эту (issue какое то видел) не помогло

// exclude: /node_modules\/(?!(react-native-elements|react-native-vector-icons)\/).*/, вставлял строку эту (issue какое то видел) не помогло

ну вот у меня так exclude: /node_modules(?!(\/abort-controller|\/event-target-shim))/, работает

оу, реактотрон требует интеграцию в проект =(

поиграюсь потом, на продакшн проекте пока пробовать не бду =(

не помогло, а может storybook так мешать? я в нем запускаю

оу, реактотрон требует интеграцию в проект =(

все просто :) if (__DEV__ && __ENV__.toString() !== 'test') { Reactotron.configure() .useReactNative() .connect() .clear(); }

у сторибука свой конфиг вебпака емнип

ах еп, точно

https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018

Может кто-нибудь скинуть список последных новых приложений с react-nativ'ом и открытым исходным кодом?

Парни, а в RN есть автоанимация? Наподобие андроида animateLayoutChanges

Может кто-нибудь скинуть список последных новых приложений с react-nativ'ом и открытым исходным кодом?

https://github.com/jondot/awesome-react-native

https://github.com/ReactNativeNews/React-Native-Apps

https://github.com/jondot/awesome-react-native

Спасибо

Ребят, подскажите пжл. А собрать apk так, чтобы он не требовал сервера - это обязательно подписывать его надо?

т.е. фактически только в релизной версии он будет таковым, да? Если просто делаю в андроид студии build apk дебажный, то без сервера не работает, выдает по крайней мере ошибку (или наложилось с чем-то)

Вы можете сделать бандл и поменять сорцы, чтобы рн именно этот бандл использовал

А в чем проблема с подписью?

Да я пытаюсь понять, обязательно ли для подписи регать приложение в гугл-плее

Вы можете сделать бандл и поменять сорцы, чтобы рн именно этот бандл использовал

если есть ссыль, буду благодарен, термин bundle мне не очень понятен

нет, можно сгенерить ключ, сбилдить и подписать локально вообще без участия гугл плея

нет, можно сгенерить ключ, сбилдить и подписать локально вообще без участия гугл плея

понял, спасибо

Ребята, кто делал логин через гугл на проде? Вот это подходит? https://github.com/react-native-community/react-native-google-signin/issues

А в чем проблема с подписью?

Я думал дело в подписи. Все же нет. Т.е. получается, что обязательно нужно вручную делать bundle, чтобы апк сформировался который смог бы работать автономно?

нет

когда вы собираете релизную сборку, react-native создает бандл и пакует вместе с апк

для дебага этого не происходит, и бандл(js код + ресурсы) тянется с сервера(локалхоста)

А если я не релизную, а дебажную собираю? Я вызываю react-native run-android допустим даже из консоли. Приложение запускается. Беру апк полученный и вот он уже не работает если его установить

А т.е. все настроено таким образом, что для релиза бандл собирается, а для дебага по умолчанию нет, верно?

А т.е. все настроено таким образом, что для релиза бандл собирается, а для дебага по умолчанию нет, верно?

верно

а получаю такую ошибку тыкая на элемент у которого onPress={() => this.props.navigation.navigate('ScheduleSpeakerItem', { speaker: item, })}

консольлогни item

подозреваю что это объект который пытается в строку себя преобразовать

консольлогни item

даже если сделать так onPress={() => this.props.navigation.navigate('ScheduleSpeakerItem', { })} то такая же ошибка

сек

у тебя react-navigation?

у тебя react-navigation?

да

версия?

версия?

npm ls react-navigation Events@0.0.1 /home/underquak3r/react/Events └── react-navigation@2.0.4

а item это что?

сек

причем если подсунуть другой screen, который тоже может скушать объект, то нормально переходит, единственное что другой screen лежит в другом stackNavigator и кнопка назад ведет не туда куда ожидается, но суть что открывается же, и item переданный разбирается и значенит встают

а item это что?

<FlatList data={this.state.data.moderators && this._getModeratorsBySection(this.props.navigation.state.params.section.id)} renderItem={({ item }) => ( <ListItem.... примерно так

@underquak3r https://github.com/react-navigation/react-navigation/issues/4058

@underquak3r https://github.com/react-navigation/react-navigation/issues/4058

ну у меня на том скрине на котороый я пытаюсь перейти и получаю ошибку в опциях вот что static navigationOptions = ({ navigation }) => ({ headerStyle: { backgroundColor: 'red', }, headerTintColor: '#fff', headerRight: ( <TouchableOpacity onPress={() => navigation.openDrawer()}> <Image source={require('./images/burger.png')} /> </TouchableOpacity> ), });

предлагаю убрать headerRight и проверить заведется ли без него

ну у меня на том скрине на котороый я пытаюсь перейти и получаю ошибку в опциях вот что static navigationOptions = ({ navigation }) => ({ headerStyle: { backgroundColor: 'red', }, headerTintColor: '#fff', headerRight: ( <TouchableOpacity onPress={() => navigation.openDrawer()}> <Image source={require('./images/burger.png')} /> </TouchableOpacity> ), });

то есть title не использую

если да то проблема в нем

если да то проблема в нем

ок, сек

а тьфу ты, нет

И самый частый ответ - какая-то непонятная для меня дичь: mkdir android/app/src/main/assets react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res react-native run-android

Ура, удалось собрать apk со встроенным бандлом. Эти скрипты позволяют это сделать. Фишка еще в том, что на stackovfl часто вместо index.js предлагаю скрипты index.android.js, а это видимо старая точка входа

то же самое

можешь залить код твоего навигатора и компонента с флатлистом на гист?

не обещаю что оперативно посмотрю но посмотрю

попробую

можешь залить код твоего навигатора и компонента с флатлистом на гист?

вот скинул и навигатор и скрин с которого пробую перейти, и тот на который пытаюсь перейти https://gist.github.com/underquak3r/17de8f00d50713f0b8a72c691881f357 что б вывалилась ошибка нужно тыкнуть в файле SectionScreen.js на onPress={() => this.props.navigation.navigate('ScheduleSpeakerItem', {...

вот скинул и навигатор и скрин с которого пробую перейти, и тот на который пытаюсь перейти https://gist.github.com/underquak3r/17de8f00d50713f0b8a72c691881f357 что б вывалилась ошибка нужно тыкнуть в файле SectionScreen.js на onPress={() => this.props.navigation.navigate('ScheduleSpeakerItem', {...

и если это как то поможет, то делал по статье от сюда https://medium.com/async-la/react-navigation-stacks-tabs-and-drawers-oh-my-92edd606e4db

и если это как то поможет, то делал по статье от сюда https://medium.com/async-la/react-navigation-stacks-tabs-and-drawers-oh-my-92edd606e4db

то есть взял исходники и переделал по себя

Там старое апи

делай по докам лучше

делай по докам лучше

дык уже почти все сделал, но столкнулся с ошибкой, следующий проект буду делать по доке

предлагаю убрать headerRight и проверить заведется ли без него

слушай, убрал в обоих местах, там где onPress и там куда делается navigate и помогло

теперь надо думать как header оформить

теперь надо думать как header оформить

попробуй navigationoptions не в классе объявлять а в навигаторе

попробуй navigationoptions не в классе объявлять а в навигаторе

вот тут? export const ScheduleStack = createStackNavigator({ ScheduleList: { screen: ScheduleList }, ScheduleItem: { screen: ScheduleItem }, SectionScreen: { screen: SectionScreen }, ScheduleSpeakerItem: { screen: MemberItem }, }, { initialRouteName: 'ScheduleList', })

да

да

хорошо попробую, спасибо

да

немного понаглею, наверное а можно ссылку с примером? на оф доке, пишут в класс все https://reactnavigation.org/docs/en/headers.html

пока не могу пример дать