получается я могу так написать <Text {this.lolkek && 'active'}> ?

Тернарный оператор?

{kek ? true : ''}

получается я могу так написать <Text {this.lolkek && 'active'}> ?

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

<Text>{this.lolkek && 'active'}</Text>

+1

пропсы

ну с пропсами я не пробывал

просто хотел такую конструкцию сократить {this.lolkek ? <Text active></Text> : <Text active></Text>}

ты можешь вот так сделать <Text props={{this.lolkek && 'active'}} />

{kek ? true : ''}

const money = 101; const message = money > 100 ? 'продать товар' : 'недостаточно денег'; document.write(message);

но честно я не уверен

во второй строчке тернарный оператор

просто хотел такую конструкцию сократить {this.lolkek ? <Text active></Text> : <Text active></Text>}

да ты так можешь сделать

но не проще тогда уже сделать так

<Text active>{ this.lolkek ? text : another text }</Text>

а то иначе уже тебя разные текста рендрится

а как сделать чтобы вернулся текст в верстку? {true && ‘addtext’} такое выкидывает ошибку

{true && <Text>some text</Text>}

как вы решаете проблему пересоздания активити в android при работе с внешними приложениями вроде камеры или выбора файла?

как вы решаете проблему пересоздания активити в android при работе с внешними приложениями вроде камеры или выбора файла?

Никак

Никак

просто показываете главный экран? )

сори, у нас активити ушла, вот вам новая

думаю, может кастыль написать... в application или bundle стейт redux-а сохранять

Привет. Подскажите можно ли как то на нажатие в таббаре открывать action sheet? использую react-navigation?

Привет. Подскажите можно ли как то на нажатие в таббаре открывать action sheet? использую react-navigation?

можно )

можно )

Отлично, а каким образом на него повесить onPress? конкретно на 1 таб.

По простому ты можешь вместо вьюхи для экрана подложить touchable, либо пишешь компонент для табов и контролируешь табы сам

да на onPress вызываешь то что тебе нужно

Оуу, я понял) спасибо

Add: { screen: <TouchableOpacity> <Text>Press</Text> </TouchableOpacity>, navigationOptions: { tabBarLabel: ' ', tabBarIcon: <Icon size={70} name='add-circle' color='#FFFFFF' style={{ shadowColor: '#000000', shadowOffset: { width: 0, height: 3 }, shadowRadius: 3, shadowOpacity: 0.5 }} /> } },Сделал так, но он ругает, что в сцене должен быть реакт компонент

заимпорть сверху React

Что-то не могу понять, неужели нет простого способа поставить кодом фокус в TextInput, например, после заполнения первого TextInput в форме?

Решения какие-то чересчур сложные

ну взять реф и тыкнуть фокус ?

нет метода focus говорит

хм

на SO какие-то хаки с this._component.focus()

Add: { screen: <TouchableOpacity> <Text>Press</Text> </TouchableOpacity>, navigationOptions: { tabBarLabel: ' ', tabBarIcon: <Icon size={70} name='add-circle' color='#FFFFFF' style={{ shadowColor: '#000000', shadowOffset: { width: 0, height: 3 }, shadowRadius: 3, shadowOpacity: 0.5 }} /> } },Сделал так, но он ругает, что в сцене должен быть реакт компонент

только screen: () => <TouchableOpacity></TouchableOpacity>

https://stackoverflow.com/a/40837333/7931177 попробую это

Всем привет, ребят я понимаю redux это библотека не про работу с сетью а что-то немного другое? Просто с чистым react не работал, а задача стоит разобраться с react native, что посоветуете для изучения по работе с сетями?

https://stackoverflow.com/a/40837333/7931177 попробую это

вообще странно, у меня есть старый проект на rn 0.30 там как раз работает this.someRef.focus()

типа выпилили это, как я понял

у меня 0.47

печаль

Или стандартные решения что описываются в https://facebook.github.io/react-native/docs/network.html тоже подходят?

fetch и что еще нужно =)))

про какой-то axios еще говорят...

только screen: () => <TouchableOpacity></TouchableOpacity>

Сработало, спасибо. Но он в любом случае открывает новое окно, можно ли это как то задизейблить?

типа выпилили это, как я понял

эх, жаль что shergin не часто тут появляется, он бы рассказал что там переделал)

Сработало, спасибо. Но он в любом случае открывает новое окно, можно ли это как то задизейблить?

я такое делал только через кастомный таббар компонент

@albert https://gist.github.com/alex-nask/64d5e26fec3cd65b88a953cd2d10c1e6 что то типа такого

Ребят, посоветуйте что-нибудь годное для маскИрованного ввода

в общем в 46 работает переход от инпута к инпуту через TextInputState.focusTextInput(findNodeHandle(node)) где node это ref на следующий инпут

Ребят, посоветуйте что-нибудь годное для маскИрованного ввода

телефонные номера, email и тп?

в общем в 46 работает переход от инпута к инпуту через TextInputState.focusTextInput(findNodeHandle(node)) где node это ref на следующий инпут

круто )

поправочка: 0.46, но думаю что будет и в 47 нормально

Как правильно в RN сетапить анимацию с текущего стейта если другая анимация еще не законченна? Вот snack: https://snack.expo.io/S1uRQhYDZ Если тапать на прямоугольник с задержкой 1 секунду, то число красиво баунсит. А если начать быстро тапать, то начинает прыгать.

Как правильно в RN сетапить анимацию с текущего стейта если другая анимация еще не законченна? Вот snack: https://snack.expo.io/S1uRQhYDZ Если тапать на прямоугольник с задержкой 1 секунду, то число красиво баунсит. А если начать быстро тапать, то начинает прыгать.

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

Ну у меня кейс когда анимация может начаться и мне надо просто не заканчивая старую начать новую

Ну у меня кейс когда анимация может начаться и мне надо просто не заканчивая старую начать новую

Animated.spring

Animated.spring

Он это сам хендлит?

да

телефонные номера, email и тп?

Телефон, хотя бы

Телефон, хотя бы

Телефон, хотя бы

https://www.npmjs.com/package/react-native-masked-text

да

Спасибо

У react-native-masked-text под капотом https://github.com/vanilla-masker/vanilla-masker Если хочешь кастомную логику или лень переделывать свой инпут, то в самый раз

Execution failed for task ':realm:compileReleaseJavaWithJavac'. никто не сталкивался с такой проблемой на андроиде? на ios все норм

я может быть, но не помню =) постоянно всякое дерьмо с реалм

например Jest делает временные файлы для realm в папке проекта а пакаджер пытается их упаковать в bundle и виснет

ну я это заметил на 0.46+ версии, на 0.45 все ок(

у меня сейчас 0.46 - собрал только что :realm:compileReleaseJavaWithJavac UP-TO-DATE всё норм

не знаю даже

Ребята, подскажите плиз, начал изучать redux-saga, пытаюсь понять как реализовать следующий кейс, используя преимущества этой либы: в action должно выполнится 2 запроса, если первый запрос вернет fail, то следующий выполняться не должен, если вернет success, то нужно взять данные от response и выполнить запрос 2 и уже задиспатчить в стор. (Как тут избежать исользования if'ов в worker)

// Watcher function* watchLogin() { yield takeLatest(actions.LOGIN.REQUEST, login); } // Worker function* login({ facial_image, password, device_imei }) { // console.log('inaction', action); const errorCodesValidate = [3000, 3001, 6000]; const result = yield call(fetchValidate, { facial_image }, errorCodesValidate); if (result.facial_image_id) { const facial_image_id = result.facial_image_id; yield call(fetchLogin, { facial_image_id, password, device_imei }, errorCodesValidate); } else { // Failure } }

может try / catch ?

ну это по сути тот же callback hell, нет?

function* submitPassCode<T>(action: Action): Iterable<T> { try { const passCode: PassCode = action.payload const userID: any = yield call(api.sendPassCode, passCode) yield put(submitPassCodeDone()) yield put(setActiveUserID(userID)) } catch (error) { yield put(submitPassCodeFailure({error})) } }

ну наприме у меня вот так

если yield call(api.sendPassCode, passCode) валится то отлавливается в catch

вроде более-менее понятно и линейно в целом

адок можно и на промисах устроить

уже лучше. А еще проще писать как: function* watchLoadComments() { while (true) { const {payload} = yield take(CommentsActionTypes.LOAD_COMMENTS_REQUEST); try { const {data} = yield call( axios.get, /api/comments?last_days=${payload.lastDaysLimit} ); yield put(CommentsActions.loadComments.success(data)); } catch (error) { yield put(CommentsActions.loadComments.failure(error)); } } }

тут канал?

уже лучше. А еще проще писать как: function* watchLoadComments() { while (true) { const {payload} = yield take(CommentsActionTypes.LOAD_COMMENTS_REQUEST); try { const {data} = yield call( axios.get, /api/comments?last_days=${payload.lastDaysLimit} ); yield put(CommentsActions.loadComments.success(data)); } catch (error) { yield put(CommentsActions.loadComments.failure(error)); } } }

тут while(true) ?

да

где-то должен быть channel =)))

канал для саги?

Сейчас переформулимрую вопрос)

Да нормас все, напиши еще одну сагу которая будет слушать результат первой

Да нормас все, напиши еще одну сагу которая будет слушать результат первой

Дело в том что 'первая' может запускаться через экшн отдельно, тоесть мне не всегда нужно ловить ее результат

уже лучше. А еще проще писать как: function* watchLoadComments() { while (true) { const {payload} = yield take(CommentsActionTypes.LOAD_COMMENTS_REQUEST); try { const {data} = yield call( axios.get, /api/comments?last_days=${payload.lastDaysLimit} ); yield put(CommentsActions.loadComments.success(data)); } catch (error) { yield put(CommentsActions.loadComments.failure(error)); } } }

я пишу саги так function* root() { yield all([ someSagas() ]) } // someSagas function* someSaga(action) { const { something } = action.payload const { response, error } = yield call(API call with 'something in body') if (error) { yield put({ type: types.SOME_ACTION_FAILURE }) } else { yield put({ type: types.SOME_ACTION_SUCCESS, payload: { something: response } }) } } export function* someSagas() { yield [ takeLatest/takeEvery(types.SOME_ACTION_REQUEST, someSaga) ] }

я пишу саги так function* root() { yield all([ someSagas() ]) } // someSagas function* someSaga(action) { const { something } = action.payload const { response, error } = yield call(API call with 'something in body') if (error) { yield put({ type: types.SOME_ACTION_FAILURE }) } else { yield put({ type: types.SOME_ACTION_SUCCESS, payload: { something: response } }) } } export function* someSagas() { yield [ takeLatest/takeEvery(types.SOME_ACTION_REQUEST, someSaga) ] }

А вот этот call api там что ? У меня обычно промис и его только через try-catch выходит поймать...

А вот этот call api там что ? У меня обычно промис и его только через try-catch выходит поймать...

я try catch юзаю только когда надо хендлить отсутствие коннекта

я юзаю библиотечку своего знакомого - repoint, обертка над изоморфик фетчем

оп, посоветуйте navigation для андройда http://airbnb.io/native-navigation/ , https://github.com/wix/react-native-navigation, или что-то посоветуйте, что бы и redux дружило хорошо

оп, посоветуйте navigation для андройда http://airbnb.io/native-navigation/ , https://github.com/wix/react-native-navigation, или что-то посоветуйте, что бы и redux дружило хорошо

наверно react-navigation )

а кто что юзает?, @alexnask твой личный опыт какой? или не заморачиваться с нативным, хотя имел опыт с NavigatorIOS