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

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

добрался до компа) а разве такая иерархия не подойдет? import { StackNavigator } from ‘react-navigation’ const Nav = StackNavigator(routes); const App = () => ( <View style{{ flex: 1 }}> <Nav /> <NativeFloatingModule /> </View> ); AppRegistry.registerComponent(‘App’, () => App);

ну я так, пытаюсь разные варианты перебрать

посмотрю и в эту сторону, спасибо

я открыл RN проект в xcode где найти код главного экрана логику транспелированую в нативный код

я открыл RN проект в xcode где найти код главного экрана логику транспелированую в нативный код

Логика остается в JS же

а я туплю прост мож

а как мутить нэйтив компоненты

если мне нужно чтот очень сложное

если мне нужно чтот очень сложное

https://facebook.github.io/react-native/docs/native-modules-ios.html https://facebook.github.io/react-native/docs/native-components-ios.html

Забавно, мы дотыкались с навигейшеном до того, что я решил для нас написать небольшое решение типа виксовского. Так вот, вы можете через AppRegistry инициализировать отдельные вьюги и потом их маунтить параллельно

Выглядит как два приложения в одном :)

Забавно, мы дотыкались с навигейшеном до того, что я решил для нас написать небольшое решение типа виксовского. Так вот, вы можете через AppRegistry инициализировать отдельные вьюги и потом их маунтить параллельно

Все тривиально или есть какой-то референсный код подглядеть?

Все тривиально или есть какой-то референсный код подглядеть?

ну не то, чтобы прям на виду, но всё не так страшно

Ок, спасибо

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

так что теоретически можно создать custom view, которое будет рендерить что хочешь

коллеги, такая ситуация, есть простой компонент, который принимает пропс - this.props.visible: true или false, и в зависимости от значения показывает - скрывает всплывающее окно, как это правильно подружить с Animated ?

анимироваться должно opacity и translateX

Забавно, мы дотыкались с навигейшеном до того, что я решил для нас написать небольшое решение типа виксовского. Так вот, вы можете через AppRegistry инициализировать отдельные вьюги и потом их маунтить параллельно

насколько небольшое получилось?)

коллеги, такая ситуация, есть простой компонент, который принимает пропс - this.props.visible: true или false, и в зависимости от значения показывает - скрывает всплывающее окно, как это правильно подружить с Animated ?

cWRP хук, там и запускать Animated

привет ребят, подскжите столкнулся опять с траблой теперь на ios RCTUITextField *textView = [view textField]; No visible @interface for 'RCTTextField' declares the selector 'textField' погуглил, чтот ничего дельного кроме: https://github.com/wix/react-native-keyboard-tracking-view/issues/7 но не очень понимаю как применить это к моему примеру

коллеги, такая ситуация, есть простой компонент, который принимает пропс - this.props.visible: true или false, и в зависимости от значения показывает - скрывает всплывающее окно, как это правильно подружить с Animated ?

componentWillReceiveProps(newProps) { if (newProps.visible && !this.props.visible) { this.startAnimationShow() } if (!newProps.visible && this.props.visible) { this.startAnimationHide() } }

componentWillReceiveProps(newProps) { if (newProps.visible && !this.props.visible) { this.startAnimationShow() } if (!newProps.visible && this.props.visible) { this.startAnimationHide() } }

это очень просто, что из себя представляет startAnimationShow() ?

твоя метод на компоненте который запустит анимацию

дак понятно, я до этого этапа и сам дохожу

вот дальше что должно быть?

Animated.timing( // Animate over time this.state.fadeAnim, // The animated value to drive { toValue: 1, // Animate to opacity: 1 (opaque) duration: 10000, // Make it take a while } ).start();

https://facebook.github.io/react-native/docs/animations.html#animated-api

всё, понял. у меня видимо конфликт с дефолтными стилями

Animated.timing( // Animate over time this.state.fadeAnim, // The animated value to drive { toValue: 1, // Animate to opacity: 1 (opaque) duration: 10000, // Make it take a while } ).start();

спасибо

Приветствую товарищи. Кто чем пользуется для авторизации через ok (одноклассники)? Нашел вот это https://www.npmjs.com/package/react-native-ok-sdk только непонятно ввообще зачем автор засунул в зависимости react-native

Приветствую товарищи. Кто чем пользуется для авторизации через ok (одноклассники)? Нашел вот это https://www.npmjs.com/package/react-native-ok-sdk только непонятно ввообще зачем автор засунул в зависимости react-native

У react-native-vector-icons тоже с какого-то перепугу он есть

Не понимаю в чем дело

я тоже для себя это открыл

у многих пакетов в зависимости он ставится дополнительно

для меня это какое то откровение честно говоря, но такова видимо страуктура пакетов

Привет Можно ли на backHandler повесить какой нибудь обработчик, чтобы он позвращал предыдущие стейты и пропсы

и перерисовывал тем самым компонент?

Всем привет! Я юзаю react-native-navigation вместе с redux-saga и firebase. Но когда я пишу eventChannel для аутентификации пользователя, то мне выдаёт ошибку что firebase у меня не инциализирован, не смотря на то, что я его подключаю ещё в index.js Кто-нибудь сталкивался с таким?

Друзья, какой метод отвечает за жизненный цикл компонента, когда обновляется state?

Друзья, какой метод отвечает за жизненный цикл компонента, когда обновляется state?

ComponentWillRecieveProps

ComponentWillRecieveProps

отвечает только за пропсы

Друзья, какой метод отвечает за жизненный цикл компонента, когда обновляется state?

https://reactjs.org/docs/react-component.html#componentwillupdate componentWillUpdate() и componentDidUpdate()

Привет! Нужно отобразить список пользователей. Которые будут подгружаться при скроле. Вопрос, где хранить этих пользователей? Есть два варианта: в async store + redux, либо в стейте компоненты. Данные о пользователях нигде больше не используются, кроме как в самом компоненте.

https://reactjs.org/docs/react-component.html#componentwillupdate componentWillUpdate() и componentDidUpdate()

Спасибо! А не подскажите еще один момент? Пробую сделать следующее: https://s.mail.ru/73rw/scgrWzGC1 но по неизвестной мне причине, state не ставится. Пробовал через self, так же проверял значения key и value, в них есть необходимые параметры. Все равно не срабатывает setState

Спасибо! А не подскажите еще один момент? Пробую сделать следующее: https://s.mail.ru/73rw/scgrWzGC1 но по неизвестной мне причине, state не ставится. Пробовал через self, так же проверял значения key и value, в них есть необходимые параметры. Все равно не срабатывает setState

А если вы заместо setState напишите console.log({key, value}) в консоли что-то отобразится?

А если вы заместо setState напишите console.log({key, value}) в консоли что-то отобразится?

отобразятся ключи и значения, заполненные из стора

что то мне подсказывает что подразумевалось this.setState({[key]: value });

что то мне подсказывает что подразумевалось this.setState({[key]: value });

кстати да

что то мне подсказывает что подразумевалось this.setState({[key]: value });

сработало, но если не сложно, почему?

семантика языка такая, свойства объекта воспринимаются как строки, а в квадратных скобках будет обращение к переменной

сработало, но если не сложно, почему?

setState() в данном случае принимает аргументом объект {key: value}. И соответственно запихивает этот объект в стэйт. В объекте key в данном случае имя ключа, или по другому {'key': value}.

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

Подскажите пожалуйста где чайнику можно подробно почитать про подключение react-redux в уже существующее приложение с использованием react-navigation? Или лучше с нуля поднимать?

setState() в данном случае принимает аргументом объект {key: value}. И соответственно запихивает этот объект в стэйт. В объекте key в данном случае имя ключа, или по другому {'key': value}.

Большое спасибо за объяснение) теперь буду знать

Подскажите пожалуйста где чайнику можно подробно почитать про подключение react-redux в уже существующее приложение с использованием react-navigation? Или лучше с нуля поднимать?

https://rajdee.gitbooks.io/redux-in-russian/

Всем привет! Кто нибудь работает c macOS на виртуалке? Нету проблем?

на CI нету

https://rajdee.gitbooks.io/redux-in-russian/

Спасибо

коллеги, как лучше использовать кастомные икноки и в каком формате? формат .PNG и самому нарезать в x1, x2, x3 ?

или векторые проще?

@playra , как ты делаешь?

у тебя item.id - строка?

@playra , как ты делаешь?

лучше вектор

у тебя item.id - строка?

int

int

приведи к строке

лучше вектор

тогда надо сторонние либы ставить?

тогда надо сторонние либы ставить?

react-native-svg

коллеги, как лучше использовать кастомные икноки и в каком формате? формат .PNG и самому нарезать в x1, x2, x3 ?

Некоторые штуки сложно переводить в SVG, проше PNG (особенно если со Sketch экспортировать)

Такой вопрос. У меня рутовый стек навигатор, который содержит таб навигатор. Каждый таб это тоже стек навигатор. Вся навигация подключена к redux. Проблема: хардварная кнопка Back (андроид) закрывает приложение, а не перемещает назад по стеку

Такой вопрос. У меня рутовый стек навигатор, который содержит таб навигатор. Каждый таб это тоже стек навигатор. Вся навигация подключена к redux. Проблема: хардварная кнопка Back (андроид) закрывает приложение, а не перемещает назад по стеку

Там в документации сказано, что подключение к редаксу имеет такой сайд-эффект, нужно вручную обрабатывать ивент

Такой вопрос. У меня рутовый стек навигатор, который содержит таб навигатор. Каждый таб это тоже стек навигатор. Вся навигация подключена к redux. Проблема: хардварная кнопка Back (андроид) закрывает приложение, а не перемещает назад по стеку

В документации есть

я обрабатывают в руте

componentDidMount() { BackHandler.addEventListener("hardwareBackPress", this.onBackPress) } componentWillUnmount() { BackHandler.removeEventListener("hardwareBackPress", this.onBackPress) } onBackPress = () => { const { dispatch, nav } = this.props if (nav.index === 0) { return false } dispatch(NavigationActions.back()) return true; };

я обрабатывают в руте

Документацию глянь там подробно разжевано

componentDidMount() { BackHandler.addEventListener("hardwareBackPress", this.onBackPress) } componentWillUnmount() { BackHandler.removeEventListener("hardwareBackPress", this.onBackPress) } onBackPress = () => { const { dispatch, nav } = this.props if (nav.index === 0) { return false } dispatch(NavigationActions.back()) return true; };

Просто выкидывает. Консоль чё говорит?

Ошибок нет?

componentDidMount() { BackHandler.addEventListener("hardwareBackPress", this.onBackPress) } componentWillUnmount() { BackHandler.removeEventListener("hardwareBackPress", this.onBackPress) } onBackPress = () => { const { dispatch, nav } = this.props if (nav.index === 0) { return false } dispatch(NavigationActions.back()) return true; };

А диспатч функцию проверяли? И как передали?

выкидывает в смысле моя React activity закрывается

componentDidMount() { BackHandler.addEventListener("hardwareBackPress", this.onBackPress) } componentWillUnmount() { BackHandler.removeEventListener("hardwareBackPress", this.onBackPress) } onBackPress = () => { const { dispatch, nav } = this.props if (nav.index === 0) { return false } dispatch(NavigationActions.back()) return true; };

Или попробуйте в onBackPress всегда возвращать true (можно первой строкой), должно перестать закрываться, если ивент подцепился.

если из экранов вызывать this.props.dispatch(NavigationActions.back()) то работает

то есть дело только в хардварной кнопки back

то есть дело только в хардварной кнопки back

Даже в ивенте. При дебаггинге самый очевидный вопрос — обрабатывается ли event? Второй — правильный ли в компоненте диспатч.

ок ,спасибо, сечас разбираться буду

Или внутри renderItem так и должно быть?

Вот тут я тебе точно не скажу, но мне кажется, в рендерАйтем используются индекс элемента, а не то что мы возвращаем в киЭкстракторе

Или внутри renderItem так и должно быть?

Да, то что сменилось в keyExtractor не попадет с index в renderItem, там это просто итератор.

какая более стабильная либа для скачивания файлов?