Alexey
идея в том, что когда используется AppRegistry, можно рендерить RCTRootView
Alexey
так что теоретически можно создать custom view, которое будет рендерить что хочешь
A
коллеги, такая ситуация, есть простой компонент, который принимает пропс - this.props.visible: true или false, и в зависимости от значения показывает - скрывает всплывающее окно, как это правильно подружить с Animated ?
A
анимироваться должно opacity и translateX
Aleksei
Aleksei
Max
коллеги, такая ситуация, есть простой компонент, который принимает пропс - this.props.visible: true или false, и в зависимости от значения показывает - скрывает всплывающее окно, как это правильно подружить с Animated ?
componentWillReceiveProps(newProps) {
if (newProps.visible && !this.props.visible) {
this.startAnimationShow()
}
if (!newProps.visible && this.props.visible) {
this.startAnimationHide()
}
}
A
componentWillReceiveProps(newProps) {
if (newProps.visible && !this.props.visible) {
this.startAnimationShow()
}
if (!newProps.visible && this.props.visible) {
this.startAnimationHide()
}
}
это очень просто, что из себя представляет startAnimationShow() ?
Max
твоя метод на компоненте который запустит анимацию
A
дак понятно, я до этого этапа и сам дохожу
A
вот дальше что должно быть?
Max
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();
Max
https://facebook.github.io/react-native/docs/animations.html#animated-api
A
всё, понял. у меня видимо конфликт с дефолтными стилями
Nikolay
Приветствую товарищи. Кто чем пользуется для авторизации через ok (одноклассники)? Нашел вот это https://www.npmjs.com/package/react-native-ok-sdk только непонятно ввообще зачем автор засунул в зависимости react-native
Anonymous
Приветствую товарищи. Кто чем пользуется для авторизации через ok (одноклассники)? Нашел вот это https://www.npmjs.com/package/react-native-ok-sdk только непонятно ввообще зачем автор засунул в зависимости react-native
У react-native-vector-icons тоже с какого-то перепугу он есть
Anonymous
Не понимаю в чем дело
Nikolay
я тоже для себя это открыл
Nikolay
у многих пакетов в зависимости он ставится дополнительно
Nikolay
для меня это какое то откровение честно говоря, но такова видимо страуктура пакетов
Uncle Bob’s Nephew
Привет
Можно ли на backHandler повесить какой нибудь обработчик, чтобы он позвращал предыдущие стейты и пропсы
Uncle Bob’s Nephew
и перерисовывал тем самым компонент?
Alex
Всем привет!
Я юзаю react-native-navigation вместе с redux-saga и firebase. Но когда я пишу eventChannel для аутентификации пользователя, то мне выдаёт ошибку что firebase у меня не инциализирован, не смотря на то, что я его подключаю ещё в index.js
Кто-нибудь сталкивался с таким?
John
Anonymous
Друзья, какой метод отвечает за жизненный цикл компонента, когда обновляется state?
Uncle Bob’s Nephew
Друзья, какой метод отвечает за жизненный цикл компонента, когда обновляется state?
ComponentWillRecieveProps
Nick
Друзья, какой метод отвечает за жизненный цикл компонента, когда обновляется state?
https://reactjs.org/docs/react-component.html#componentwillupdate
componentWillUpdate() и componentDidUpdate()
Инал
Привет!
Нужно отобразить список пользователей. Которые будут подгружаться при скроле.
Вопрос, где хранить этих пользователей?
Есть два варианта: в async store + redux, либо в стейте компоненты.
Данные о пользователях нигде больше не используются, кроме как в самом компоненте.
Anonymous
https://reactjs.org/docs/react-component.html#componentwillupdate
componentWillUpdate() и componentDidUpdate()
Спасибо! А не подскажите еще один момент? Пробую сделать следующее: https://s.mail.ru/73rw/scgrWzGC1 но по неизвестной мне причине, state не ставится. Пробовал через self, так же проверял значения key и value, в них есть необходимые параметры. Все равно не срабатывает setState
Nick
Спасибо! А не подскажите еще один момент? Пробую сделать следующее: https://s.mail.ru/73rw/scgrWzGC1 но по неизвестной мне причине, state не ставится. Пробовал через self, так же проверял значения key и value, в них есть необходимые параметры. Все равно не срабатывает setState
А если вы заместо setState напишите console.log({key, value}) в консоли что-то отобразится?
Anonymous
А если вы заместо setState напишите console.log({key, value}) в консоли что-то отобразится?
отобразятся ключи и значения, заполненные из стора
Aleksei
что то мне подсказывает что подразумевалось this.setState({[key]: value });
Anonymous
что то мне подсказывает что подразумевалось this.setState({[key]: value });
сработало, но если не сложно, почему?
Aleksei
семантика языка такая, свойства объекта воспринимаются как строки, а в квадратных скобках будет обращение к переменной
Nick
сработало, но если не сложно, почему?
setState() в данном случае принимает аргументом объект {key: value}. И соответственно запихивает этот объект в стэйт. В объекте key в данном случае имя ключа, или по другому {'key': value}.
Nick
если же вы хотите использовать значение переменной key для ключа объекта, нужно его запихнуть в []
John
Подскажите пожалуйста где чайнику можно подробно почитать про подключение react-redux в уже существующее приложение с использованием react-navigation? Или лучше с нуля поднимать?
Anonymous
Usman
Подскажите пожалуйста где чайнику можно подробно почитать про подключение react-redux в уже существующее приложение с использованием react-navigation? Или лучше с нуля поднимать?
https://rajdee.gitbooks.io/redux-in-russian/
Moldobaev
Всем привет! Кто нибудь работает c macOS на виртуалке? Нету проблем?
Vit
на CI нету
A
коллеги, как лучше использовать кастомные икноки и в каком формате? формат .PNG и самому нарезать в x1, x2, x3 ?
A
или векторые проще?
A
@playra , как ты делаешь?
John
Nick
Galymzhan
коллеги, как лучше использовать кастомные икноки и в каком формате? формат .PNG и самому нарезать в x1, x2, x3 ?
Некоторые штуки сложно переводить в SVG, проше PNG (особенно если со Sketch экспортировать)
Anton
Такой вопрос. У меня рутовый стек навигатор, который содержит таб навигатор. Каждый таб это тоже стек навигатор. Вся навигация подключена к redux. Проблема: хардварная кнопка Back (андроид) закрывает приложение, а не перемещает назад по стеку
Galymzhan
Такой вопрос. У меня рутовый стек навигатор, который содержит таб навигатор. Каждый таб это тоже стек навигатор. Вся навигация подключена к redux. Проблема: хардварная кнопка Back (андроид) закрывает приложение, а не перемещает назад по стеку
Там в документации сказано, что подключение к редаксу имеет такой сайд-эффект, нужно вручную обрабатывать ивент
Anonymous
Anton
я обрабатывают в руте
Anton
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;
};
Anonymous
Anonymous
Ошибок нет?
Galymzhan
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;
};
А диспатч функцию проверяли? И как передали?
Anton
выкидывает в смысле моя React activity закрывается
Galymzhan
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 (можно первой строкой), должно перестать закрываться, если ивент подцепился.
Anton
если из экранов вызывать
this.props.dispatch(NavigationActions.back())
то работает
Anton
то есть дело только в хардварной кнопки back
Galymzhan
то есть дело только в хардварной кнопки back
Даже в ивенте. При дебаггинге самый очевидный вопрос — обрабатывается ли event?
Второй — правильный ли в компоненте диспатч.
Anton
ок ,спасибо, сечас разбираться буду
John
приведи к строке
John
Nick
Galymzhan
Или внутри renderItem так и должно быть?
Да, то что сменилось в keyExtractor не попадет с index в renderItem, там это просто итератор.
Stas
какая более стабильная либа для скачивания файлов?
Stas
react-native-fetch-blob не поддерживается, natve-fs написанна хер знает как
Andrey
Господа, подскажите как отследить баг. Запускаю iOS версию. Если запускать из XCode на подключенном устройстве - все работает отлично. Собираю Ad-Hoc версию. Устанавливаю, запускаю. Как только пытаюсь перейти на другой экран (не каждая кнопка но в 90% случаев) приложение падает без всяких сообщениях об ошибке. Как вообще разобраться что происходит?
Galymzhan
Господа, подскажите как отследить баг. Запускаю iOS версию. Если запускать из XCode на подключенном устройстве - все работает отлично. Собираю Ad-Hoc версию. Устанавливаю, запускаю. Как только пытаюсь перейти на другой экран (не каждая кнопка но в 90% случаев) приложение падает без всяких сообщениях об ошибке. Как вообще разобраться что происходит?
Не уверен, что это распростроняется и на iOS, но на Android продакшн версия все равно оставляет логи, которые можно отследить командой react-native log-android
Galymzhan
Достаточно по USB подключиться к машине