Всем привет, ребят, подскажите, пожалуйста. Почему выдаёт ошибку: can’t find variable: document?

В инструкциях и туториалах нигде не видел что-то наподобие import document from...

Всем привет, ребят, подскажите, пожалуйста. Почему выдаёт ошибку: can’t find variable: document?

Кто ошибку выдаёт? Eslint?

Кто ошибку выдаёт? Eslint?

Expo

Expo

Покажи

Покажи

Скрин сверху

Вот не скажу. Сорян.

Всем привет, ребят, подскажите, пожалуйста. Почему выдаёт ошибку: can’t find variable: document?

Так в react native нету же dom

может я пакет забыл установить?

Нужно как точку входа юзать RegisterComponent

извиняюсь, а как тогда юзать провайдер?

Ладно, попробую сейчас ещё раз проверить наличие пакета

Так все правильно

https://github.com/DragonSpirit/JayJay/blob/master/App.js

У меня так 🤷‍♂

Ребятки, а есть ли возможность завести .env переменные в rn?

что-то только сейчас понял, что их вроде нет

react-native-config ?

Ребятки, а есть ли возможность завести .env переменные в rn?

Есть плагин для бабеля который все process.env во время компиляции в значения которые такие щас в энв хардкодит. Но очень костыльное решение. Надо кэши всегда чистить

Шанс улета беты в продакшн неиллюзорный)

Как в react-navigation подписаться на события жизненного цикла? Пишу в componentDidMount this.props.navigation.addListener('didFocus', this.update()); При повторном фокусе ругается на subs is not a function

Как в react-navigation подписаться на события жизненного цикла? Пишу в componentDidMount this.props.navigation.addListener('didFocus', this.update()); При повторном фокусе ругается на subs is not a function

Скобки лишние

Народ как тестируете в rn, что используете? Есть задача покрыть код unit и итеграционными тестами под обе платформы

Народ как тестируете в rn, что используете? Есть задача покрыть код unit и итеграционными тестами под обе платформы

Jest

Народ как тестируете в rn, что используете? Есть задача покрыть код unit и итеграционными тестами под обе платформы

jest + appium

Народ как тестируете в rn, что используете? Есть задача покрыть код unit и итеграционными тестами под обе платформы

При такой постановке эта задача может быть очень сложной. Как-то (проект был серверный и не на JS, но код - всегда код) у меня на внедрение тестов в большой проект ушло больше 2 лет, естественно всё это делалось без отрыва от основной разработки, а пользу это начало приносить только через пол года... Мы сейчас тестируем. У нас есть следующие виды тестов: 1. Юнит-тесты слоя логики и модели, их больше всего... ничего специального для RN... собственно в этом слое реакта и натива нет... прослойка сети мокается, для тестов самой прослойки - https://github.com/vovkasm/mock-websocket 2. Функциональные тесты высокоуровневой логики... там есть RN, но нет компонентов... таких тестов сейчас 2 или 3 проверяется корректность начальной загрузки приложения... они длинные и непонятные, куча моков 3. Есть несколько снапшот-тестов компонентов Всё... как делать нормальное UI-тестирование я так и не знаю. Используем jest, потому что это единственное, что нормально мокает RN.

Спасибо большое! Особенно за mock-websocket и appium, я думаю это что мне пригодится, буду туда смотреть. В приложении есть сложные анимированные компоненты, работающие от фазы луны, есть у кого опыт такого извращения?

Товарищи, подскажите, для чего нужна блютус нотификация?

Товарищи, подскажите, для чего нужна блютус нотификация?

совсем не в курсе темы, но может для умной техники? типо "чайник закипел"

Йеп, я слепой, не увидел мелькую подпись полупрозрачного цвета в доках

Пипл, можно как-то без костылей сделать два Drawer’a на одном скрине? React navigation

Да

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

дак у тебя один Drawer там. А у меня их два, сча код сэмп кину

а, я допер, спасиб)

У меня нету appName в app.json

это: https://youtu.be/Iw8tKp0ALkA и после это: https://youtu.be/IHThgXE5U1c

Ребята, привет. Можете дать ссылку на какое-нибудь небольшое, но очень красивое приложение на реакт нейтиве на гитхабе? Может кто-нибудь из вас хочет похвастаться? Мне для примера

Всем привет! Такая проблема: при логине токены записываю в AsyncStorage, потом при разлогине их запрашиваю, чтобы отправить X-Auth-Token в headers, при первом запросе получаю ошибку, что не авторизована, хотя в заголовок токен подставляется, при втором запросе все проходит ок. Как это исправить?

Так записываю в сторэдж export const setItem = (key, value) => async () => { try { await AsyncStorage.setItem(key, JSON.stringify(value)) } catch(error) { console.log(error.message) } } Так получаю из сторэджа export const getItem = async () => { try { const item = await AsyncStorage.getItem('accessTokens') return JSON.parse(item) } catch(error) { console.log(error.message) } }

И так формирую хедеры const headers = { 'Accept': 'application/json', 'Content-Type': 'application/json', 'Authorization': auth, } const getToken = async () => { return await getItem('accessTokens') } export const getHeaders = () => { getToken().then(res => Object.assign(headers, {'X-Auth-Token': res.access_token})) return headers }

Всем привет! Такая проблема: при логине токены записываю в AsyncStorage, потом при разлогине их запрашиваю, чтобы отправить X-Auth-Token в headers, при первом запросе получаю ошибку, что не авторизована, хотя в заголовок токен подставляется, при втором запросе все проходит ок. Как это исправить?

проверяй со стороны сервера, либо у тебя успевает улететь запрос вперед авторизации

getHeaders не должен быть асинком?

return случится раньше, чем then

Ребята, привет. Можете дать ссылку на какое-нибудь небольшое, но очень красивое приложение на реакт нейтиве на гитхабе? Может кто-нибудь из вас хочет похвастаться? Мне для примера

https://github.com/react-native-village/react-native-init там снизу есть

getHeaders не должен быть асинком?

export const logout = () => ({ type: actionTypes.LOGOUT, payload: { request: { url: API.logoutUrl(), method: 'get', headers: API.getHeaders() }, options: { onSuccess({dispatch, response}) { API.handleSuccess(response, dispatch, actionTypes.LOGOUT_SUCCESS, actionTypes.LOGOUT_FAIL) }, onError({dispatch, error}) { API.handleError(dispatch, actionTypes.LOGOUT_FAIL, error) }, }, } }) если сделать getHeaders асинком, то будет промис возвращаться. Или как именно нужно модифицировать?

https://github.com/react-native-village/react-native-init там снизу есть

Там ссылки на них, но нет исходников

Ребята, привет. Можете дать ссылку на какое-нибудь небольшое, но очень красивое приложение на реакт нейтиве на гитхабе? Может кто-нибудь из вас хочет похвастаться? Мне для примера

https://github.com/akveo/kittenTricks 🤷‍♂️

export const logout = () => ({ type: actionTypes.LOGOUT, payload: { request: { url: API.logoutUrl(), method: 'get', headers: API.getHeaders() }, options: { onSuccess({dispatch, response}) { API.handleSuccess(response, dispatch, actionTypes.LOGOUT_SUCCESS, actionTypes.LOGOUT_FAIL) }, onError({dispatch, error}) { API.handleError(dispatch, actionTypes.LOGOUT_FAIL, error) }, }, } }) если сделать getHeaders асинком, то будет промис возвращаться. Или как именно нужно модифицировать?

а через что запросы делаются? оно умеет получать промис в headers: API.getHeaders() ? в axios там только объект

а через что запросы делаются? оно умеет получать промис в headers: API.getHeaders() ? в axios там только объект

запросы через axios

redux-logger выдает, что в заголовке токен уходит

может он ссылается на измененный объект?

лучше сначала обновить хедеры, а потом уже запрос слать с измененными

посоветуйте пожалуйста маску для textinput (RN)

лучше сначала обновить хедеры, а потом уже запрос слать с измененными

ок, а можешь посоветовать, где и в какой момент это лучше делать? прежде чем кинуть экшн на логаут в редакс кидать отдельный экшн на проверку и формирование хедеров (и если к примеру истекли токены, то их обновлять) или как-то иначе все это реализовывать?

это уж зависит от логики жизни хедеров

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

Кто еще помнить про проблему рендера картинок внутри FlatList. Проблема решена перенос картинок в assets и загрузкой их через линки <Image source={{ uri: 'iconnName' }} />

Ребята, привет. Можете дать ссылку на какое-нибудь небольшое, но очень красивое приложение на реакт нейтиве на гитхабе? Может кто-нибудь из вас хочет похвастаться? Мне для примера

тебе для примера себе или показать кому?

тебе для примера себе или показать кому?

Для примера себе

вот это посмотри https://github.com/fangwei716/30-days-of-react-native

это не пример приложения а пример того че делать можно вообще

такой беглый)

Подскажите как выключить в RN поддержку split view/screen?

Как называеться компонент что с текстом "вы офлайн"

?

не уверен, что есть такой компонент. Напишите сами) NetInfo в помощь

Как называеться компонент что с текстом "вы офлайн"

SnackBar

https://wix.github.io/react-native-ui-lib/docs/ConnectionStatusBar/

Подскажите как выключить в RN поддержку split view/screen?

android:resizeableActivity="true"

android:resizeableActivity="true"

Спасибо

Привет, можно ли заставить кнопку download в <audio/> работать?

это webview и <audio> html5 тег.

а у тебя webview, в нем аудио, и не скачивается?

ага

Привет! Ребят, может кто подскажет - у нас приложение android с react native navigation. Прикрутили One Signal для работы с пушами, но когда приложение открыто или в бекграунде клик на пуш все равно перезапускает приложение. Вот я не пойму это мы one signal недонастроили или rnn или это вообще баг какой.

Привет! Ребят, может кто подскажет - у нас приложение android с react native navigation. Прикрутили One Signal для работы с пушами, но когда приложение открыто или в бекграунде клик на пуш все равно перезапускает приложение. Вот я не пойму это мы one signal недонастроили или rnn или это вообще баг какой.

Перезапускать точно не должен, во всяком случае у меня с RNN такой проблемы нет