когда запущено 2 эмулятора, редактор кода, xcode, android studio и браузер

сам код и в тетрадке можно писать, чо

когда запущено 2 эмулятора, редактор кода, xcode, android studio и браузер

Sublime text и Хром и все больше ничего

когда запущено 2 эмулятора, редактор кода, xcode, android studio и браузер

Ты точно под reactnative пишешь? VSCode + iOS simulator и все

Ты точно под reactnative пишешь? VSCode + iOS simulator и все

Он ещё андроид эмулятор держит

я xcode периодически открываю и закрываю

Он ещё андроид эмулятор держит

Ну и зря, есть же телефоны ? и в отличие от айфонов, на них можно бесплатно заливать. Да и в отличие от натива, перегрузка происходит мгновенно на “hot reloading”.

Ну и зря, есть же телефоны ? и в отличие от айфонов, на них можно бесплатно заливать. Да и в отличие от натива, перегрузка происходит мгновенно на “hot reloading”.

У меня просто нет телефона (стыдно)

Кто-то работал с mimic в react-native для android приложения?

Использую реальные устройства, стараюсь не тратить ресурсы компа на эмулятор

Использую реальные устройства, стараюсь не тратить ресурсы компа на эмулятор

вдруг закончатся?))

Использую реальные устройства, стараюсь не тратить ресурсы компа на эмулятор

речь об эмуляции ответов сервера, когда API еще находится в разработке

В этих слачаях спасает локальный сервер, а прокинуть порт на устройство не составляет труда

так Mimic - это и есть локальный сервер, который легко программируется через web интерфейс на то, чтоб заменять реальные ответы сервера правильными mock данными

В этих слачаях спасает локальный сервер, а прокинуть порт на устройство не составляет труда

я хочу, чтоб у меня на устройстве работал сервер, который у меня в браузере доступен по адресу, скажем, localhost:9999 где мне почитать о том, как сделать его доступным на устройстве? Это то, о чем ты говоришь? Вот эта комманда как-то с этим связана: adb reverse tcp:9999 tcp:9999?

я хочу, чтоб у меня на устройстве работал сервер, который у меня в браузере доступен по адресу, скажем, localhost:9999 где мне почитать о том, как сделать его доступным на устройстве? Это то, о чем ты говоришь? Вот эта комманда как-то с этим связана: adb reverse tcp:9999 tcp:9999?

Все верно. Именно эта команда

вдруг закончатся?))

Меньше окон - выше КПД ))

меня бесит трести айфон. как для андроида эту проблему решить - я нашла, а для айфона нет

меня бесит трести айфон. как для андроида эту проблему решить - я нашла, а для айфона нет

А как для андроида? на нексусе нет кнопки меню к примеру (тресу его постоянно)

хотрелоад на девайсах не доступен?

хотрелоад на девайсах не доступен?

Ну может я преувиличил, но приходится переодически перегружать, когда есть код в didmount или pref monitor посмотреть

А как для андроида? на нексусе нет кнопки меню к примеру (тресу его постоянно)

https://medium.com/delivery-com-engineering/react-native-stop-shaking-your-phone-1f4863140146

я правда не пробовала. у меня андроида нет :)

Ну и зря, есть же телефоны ? и в отличие от айфонов, на них можно бесплатно заливать. Да и в отличие от натива, перегрузка происходит мгновенно на “hot reloading”.

Instant Run на андроиде норм заезжает

Instant Run на андроиде норм заезжает

Когда работает) (но это бывает редко в сложных проекта с даггерами/binding/aop). Есть похожее решение JRebel для Android, вроде там появилась бесплатная версия.

Когда работает) (но это бывает редко в сложных проекта с даггерами/binding/aop). Есть похожее решение JRebel для Android, вроде там появилась бесплатная версия.

Вполне норм работает

А если наворачивать аор и подобное - ссзб

А если наворачивать аор и подобное - ссзб

Я еще с kotlin не смог его подружить, а на java так же некомфортно, как на чистом js

Котлин норм

Кто-нибудь знает почему RN задепрекейтил и потом удалил поддержку <MapView />? Кто-то пробовал https://github.com/airbnb/react-native-maps? какие впечатления?

Кто-нибудь знает почему RN задепрекейтил и потом удалил поддержку <MapView />? Кто-то пробовал https://github.com/airbnb/react-native-maps? какие впечатления?

юзай, работает как надо :)

Кто-нибудь знает почему RN задепрекейтил и потом удалил поддержку <MapView />? Кто-то пробовал https://github.com/airbnb/react-native-maps? какие впечатления?

потому что они сказали что впечатлены тем как airbnb сделали карты и что это отличный пример того как компоненты делает комьюнити

о как! здорово

Использую реальные устройства, стараюсь не тратить ресурсы компа на эмулятор

Можно же genymotion юзать, он у меня меньше 1гб съедает

Кто-нибудь добавлял today extension в приложение на react-native под ios?

Народ, можете скинуть ссылку примеры кодов react-native?

в офф документации

его там куча

ну и 2 ссылка в гугле

https://medium.com/the-react-native-log/5-open-source-react-native-projects-to-learn-from-fb7e5cfe29f2

а можно ScrollView заменить на FlatList?

или флетлист только для однородного контента, как листвью?

а можно ссылочку на такой же канал, но про ксс?

Кто-нибудь знает почему RN задепрекейтил и потом удалил поддержку <MapView />? Кто-то пробовал https://github.com/airbnb/react-native-maps? какие впечатления?

Потосу что эпловские карты редкостное говно

Потосу что эпловские карты редкостное говно

поддержки гугл карт не было?

Вроде нет

Они по моему даже в андроиде не в коробке идут

Всем привет. Кто-нибудь из тех, кто работал с React-navigation, почему на iOS при переходе с одного скрина на другой накладываются header'ы друг на друга?

Всем привет. Кто-нибудь из тех, кто работал с React-navigation, почему на iOS при переходе с одного скрина на другой накладываются header'ы друг на друга?

Это фича, не баг. Именно так работает нативный навигатор на ios

+1 где-то даже презентация была с разбором почему так

+1 где-то даже презентация была с разбором почему так

сможешь найти? плиз ?

сможешь найти? плиз ?

нашел

Всем привет. Кто-нибудь из тех, кто работал с React-navigation, почему на iOS при переходе с одного скрина на другой накладываются header'ы друг на друга?

вот так? https://i.imgur.com/wZ6Awva.png

вот так? https://i.imgur.com/wZ6Awva.png

да

это действительно бага. Дело в том что react-nativigation имитирует нативные код. Если хочешь избжать этого, то тогда wix navigation поможет

еще можешь обернуть react-navigation в wix navigation - но есть ограничения. Плюс wix переписывает api и выпустит вторую мажорную версию

сможешь найти? плиз ?

https://medium.com/@ericvicenti/playing-with-react-navigation-and-airbnbs-native-navigation-4e49fc765489

Спасибо большое. Буду пробовать..

в статье написано как обойти это

Всем привет. Ни у кого не возникала ошибка: 'PropTypes is not defined' при использовании react-native-navigation на ios? На андроиде все работает хорошо.

это действительно бага. Дело в том что react-nativigation имитирует нативные код. Если хочешь избжать этого, то тогда wix navigation поможет

Не понял в чем баг

Не понял в чем баг

https://i.imgur.com/wZ6Awva.png https://i.imgur.com/vUD9f7w.png

Не понял в чем баг

посмотри, пожалуйста, внимательно на эти два скрина

Я вижу только то что не совсем идеально сделана анимация перехода. А хэдере накладываются и в нативном навигаторе. Это не баг а скорее недоработка.

имелось ввиду не title а headerLeft. В любом случае может в будущем поправят. Я доволен react-navigation, весь проект перевел на него.

https://twitter.com/EclipticWld/status/863076328219824129

Что делать если запорол конфиг в андройде (

Скопируй js и react-native init

Спасибо

https://medium.com/@ericvicenti/playing-with-react-navigation-and-airbnbs-native-navigation-4e49fc765489

а, это я видел) но все равно спасибо)

что-то на андройде все совсем грустно работает

догрузка происходит секунд 10 это при том то данные уже загружены. Имеет ли смысл использовать flat view?

ну 10 перегнул вот кручу я кручу в низ у мея небольшой список всего 25 статей и только при остановке начинается догрузка

а у медузы вроде все красиво (

Ну код то кинь

import React, {Component} from 'react'; import FeatureItem from './FeatureItem'; import {sourceSelector} from '../store/selectors'; import {FlatList, StyleSheet} from 'react-native'; import {connect} from 'react-redux'; const styles = StyleSheet.create({ list: { flex: 1 } }); class SourceList extends Component{ componentWillMount(){ this.props.dispatch(this.props.fetchAction()); } render(){ return <FlatList style={styles.list} key={this.props.sourceName + "-list"} data={this.props.data} renderItem={({item, index}) => <FeatureItem item={item} key={this.props.sourceName+'-'+item.key} last={this.props.data.length -1 == index}/>} /> } } module.exports = connect( (state, props) => ({ data: sourceSelector(state, props) }) )(SourceList)

`

import React, {Component} from 'react'; import {Text, View, StyleSheet, Image, PixelRatio} from 'react-native'; import formatName from '../common/formats'; import dateFormat from '../common/dateFormat' const styles = StyleSheet.create({ main: { minHeight: 250, flex: 1, borderBottomColor: '#000', }, notLast: { borderBottomWidth: 1/PixelRatio.get() }, titleContainer: { marginTop: 15, marginLeft: 15, marginRight: 15, marginBottom: 35, flex: 1, backgroundColor: 'transparent', zIndex: 3, }, title: { fontSize: 21, // lineHeight: 1.2, fontWeight: '700', color: '#fff', flex: 1 }, additionalContainer: { position: 'absolute', left: 15, right: 15, bottom: 15, backgroundColor: 'transparent', zIndex: 3 }, additional: { fontSize: 13, color: '#999' }, imageContainer: { position: 'absolute', left: 0, top: 0, right: 0, bottom: 0, backgroundColor: 'rgba(0, 0, 0, 0.5)', zIndex: 2 }, image: { position: 'absolute', left: 0, top: 0, right: 0, bottom: 0, zIndex: 1 }, noImage: { position: 'absolute', left: 0, top: 0, right: 0, bottom: 0, backgroundColor: '#333', zIndex: 1 } }); export default class FeatureItem extends Component{ render(){ const item = this.props.item; return <View style={[styles.main, this.props.last ? null : styles.notLast]}> { item.image ? [ <View style={styles.imageContainer} key="view-image-backgorund"/>, <Image style={styles.image} source={[{uri: item.image}]} resizeMode={'cover'} key="feature-image"/> ] : [<View style={styles.imageContainer} key="view-image-backgorund"/>,<View style={styles.noImage} key="feature-news-layer"/>] } <View style={styles.titleContainer}> <Text style={styles.title}>{item.data && item.data.numberTitle ? item.data.numberTitle + ' ': ''}{item['title']}</Text> </View> <View style={styles.additionalContainer}> <Text style={styles.additional}>{formatName(item)} | {dateFormat(new Date(item.publish_date), 'day_month_year_time')}</Text> </View> </View> } } `

или это у меня рендер сложный для нейтива?

Да вряд ли

Я бы на твоем месте на багтрекере бы покопался

FlatList это новая штука

а какую лучше использовать?

Ну я ListView использовал, например

возможно проблема в том что у меня зависит от элемента его высота :/ и он типа их не кэшит не приодится