Roma
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){export * from '@react-navigation/core';
^^^^^^
SyntaxError: Unexpected token export
Andrey
Ребят, всем привет! Решаю такую задачку. Нужно сделать просто приложение которое в риал тайме (AR) определяло игральную карту из заранее загруженной колоды.
Я вначале думал по пути unity/vuforia пойти, но на всякий решил сначала уточнить может на RN как то можно реализовать?
https://github.com/reneweb/react-native-tensorflow?files=1
Andrey
Спасибо!
Ссори, поспешил. Вот эта норм работает https://github.com/ppsreejith/react-native-camera-tflite
Eldar
Вижу да! огонь!
Roma
Test suite failed to run
Invariant Violation: Native module cannot be null.
at invariant (node_modules/invariant/invariant.js:40:15)
at new invariant (node_modules/react-native/Libraries/EventEmitter/NativeEventEmitter.js:36:7)
at Object.<anonymous> (node_modules/react-native-reanimated/src/ReanimatedEventEmitter.js:4:16)
at Object.<anonymous> (node_modules/react-native-reanimated/src/core/AnimatedCall.js:1:1)
Roma
"jest": {
"preset": "react-native",
"transformIgnorePatterns": [
"./node_modules/(?!react-navigation|react-native|react-native-safe-area-view/.*)"
],
"transform": {
"^.+\\.(js)$": "<rootDir>/node_modules/babel-jest",
"\\.(ts|tsx)$": "ts-jest"
},
"globals": {
"ts-jest": {
"tsConfig": "tsconfig.jest.json"
}
},
"moduleFileExtensions": [
"ts",
"tsx",
"js"
],
"testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$",
"cacheDirectory": ".jest/cache"
}
Roma
сам тест
import React from 'react';
import 'react-native';
import * as renderer from 'react-test-renderer';
import App from './App';
// Note: test renderer must be required after react-native.
it('renders correctly', () => {
renderer.create(<App />);
});
Roma
валится дефолтовый тест после добавления react-navigation
Roma
уже без понятия что с этим делать. Может кто-то встречался
Andrey
А там можно ml прикрутить? Спасибо за ссылку, теперь есть идея для петпрожекта
Gena
уже без понятия что с этим делать. Может кто-то встречался
Мок добавить. Через 10 мин скину пример (там дальше по аналогии). Кратко, надо чтоб в среде jest, в require('react-native').NativeModules был ключ по имени требуемого нативного модуля с замоканым апи
Anton
Кто-нибудь знает как в react-navigation предотвратить метод ? Типа onWillBlur цикле поставить условие, при котором переход не произойдет ?
Vetaly
Vetaly
Anton
просто не делать переход
Как именно ?)
Я нашел решение через getStateForAction в роутере. Но мне теперь нужно туда редакс прикрутить
Смысл в том, что я сделал свои модалки. Теперь хочу сделать, что когда они открыты и пользователь нажимает кнопку назад, то закрывалась модалка, а не происходил переход на страницу назад
Vetaly
не использовать goBack?
Anton
Да
sanqa
ну или pop
Anton
да вроде верное решение с actions
осталось придумать как в роутер передать значение редакса, потому что от одного из значений от туда будет зависеть условие )
Паша
Ребят, что делать с настройками линта из create-react-native app?
Error: ESLint configuration in .eslintrc.js » @react-native-community/eslint-config is invalid:
Vetaly
Vetaly
сами табы```const RemindersTab = createMaterialTopTabNavigator(
{
All: {
screen: ({
navigation: {
state: { routeName },
},
}: {
navigation: NavigationScreenProp<NavigationRoute>;
}) => {
return <SafeAreaView style={{ flex: 1 }}><RemindersList routeName={routeName} query={allRemindersListQuery} /></SafeAreaView>;
},
},
Upcoming: {
screen: ({
navigation: {
state: { routeName },
},
}: {
navigation: NavigationScreenProp<NavigationRoute>;
}) => {
return <SafeAreaView style={{ flex: 1 }}><RemindersList routeName={routeName} query={upcomingRemindersListQuery} /></SafeAreaView>;
},
},
},
{
tabBarComponent: RaminderTabs,
}
);```
S
Привет. Кто нибудь столкнулся с траблами пуш нотификаций когда апка в бекграунде под иос 13?
Artur
сами табы```const RemindersTab = createMaterialTopTabNavigator(
{
All: {
screen: ({
navigation: {
state: { routeName },
},
}: {
navigation: NavigationScreenProp<NavigationRoute>;
}) => {
return <SafeAreaView style={{ flex: 1 }}><RemindersList routeName={routeName} query={allRemindersListQuery} /></SafeAreaView>;
},
},
Upcoming: {
screen: ({
navigation: {
state: { routeName },
},
}: {
navigation: NavigationScreenProp<NavigationRoute>;
}) => {
return <SafeAreaView style={{ flex: 1 }}><RemindersList routeName={routeName} query={upcomingRemindersListQuery} /></SafeAreaView>;
},
},
},
{
tabBarComponent: RaminderTabs,
}
);```
Я полагаю, что SafeArea из react-navigation не хэндлит такие случаи. Попробуй react-native-safe-area-context. Там есть хук, который в теории можно использовать под такой кейс
Церго
Vue Native если на vue опыт
Maxim
пробуй react native, он самый популярный и там обычный js, а не дарт какой-то
Церго
React более предсказуемый
Церго
А так я хз что быстрее
Церго
На вью нэйтив сможешь и реакт компоненты использовать
Церго
Только там стор свои vuex
Vladimir
Может кто поделиться советом с отладкой нативных ошибок?
У нас отваливается внешний нативный модуль при вызове, и в BugSnag только stacktrace React Native. Как определить кусок кода, в котором всё плохо?
Если интересно, ошибка [__NSPlaceholderDictionary initWithObjects:forKeys:count:]: attempt to insert nil object from objects[3]
Олег
Всем привет, мб есть готовые решения (если кто сталкивался) загрузка файлов на сервер однако нужен менеджер загрузок (список загрузок с прогрессом) и отложенной загрузкой если не wi-fi так писать все руками хлопотное дело
Ivan
Да, было что-то такое
Когда начал изучать native script после этой новости сразу бросил :)
Stas
кто-нибудь использовал react-native-navigation или react-router-native в проектах где больше 30 экранов ? Как оно в сравнении с react-navigation?
Ivan
В сравнении с 30 экранами не скажу
Но в целом быстрее я думаю :)
Alisher
Alisher
JS/RN имелось ввиду.
Alisher
Думаем как улучшить производительность RN и хотим разрулить все процессы. Дошли до эссетов, и тут двоякое мнение у всех, точного ответа нет. Кто-то говорит, что svg тяжелее потому что передается через bridge. Кто-то говорит, что PNG засоряет память телефона при кэшировании.
Alexander 🐯
Alisher
Надеялся на расширенный ответ с преимущественными аргументами в пользу одного ))
Maxim
подскажите как тестировать нативный код? т.е. есть нативная библиотека с набором методов, писать тесты для каждой платформы не хочется, но как запускать нативный код я хз
Gena
Думаем как улучшить производительность RN и хотим разрулить все процессы. Дошли до эссетов, и тут двоякое мнение у всех, точного ответа нет. Кто-то говорит, что svg тяжелее потому что передается через bridge. Кто-то говорит, что PNG засоряет память телефона при кэшировании.
На самом деле (поищите в истории чата), варианта svg у вас просто нет. А то, что вы им называете тяжелее любой битмапки и по нагрузке на CPU и по потреблению памяти в 99% реальных кейсов.
Artem
подскажите как тестировать нативный код? т.е. есть нативная библиотека с набором методов, писать тесты для каждой платформы не хочется, но как запускать нативный код я хз
Кажется никак, кроме как писать тесты под обе платформы.
Maxim
Кажется никак, кроме как писать тесты под обе платформы.
хочу попробовать с помощью detox, делать компонент под каждый метод и с помощью detox его тестить, так и демо приложение получится и два раза тесты писать не нужно будет
Daniil
хочу попробовать с помощью detox, делать компонент под каждый метод и с помощью detox его тестить, так и демо приложение получится и два раза тесты писать не нужно будет
С детоксом все равно под ведро есть свои нюансы, у меня так и руки не дошли там тесты дописать
Maxim
Daniil
Нет, из е2е в мобиле только детокс пробовал
Maxim
а какие нюансы были?
Daniil
Мне один сетап немного надоел https://github.com/wix/Detox/blob/master/docs/Introduction.Android.md
Насколько помню были моменты где testID не работали в андроиде, когда в айос все ок с ними было
Daniil
и судя по ишью у них на ведро багов преобладающее кол-во
Maxim
Мне один сетап немного надоел https://github.com/wix/Detox/blob/master/docs/Introduction.Android.md
Насколько помню были моменты где testID не работали в андроиде, когда в айос все ок с ними было
там вроде можно вместо testid использовать accessabilityLabel
Daniil
Да, что - то такое было
S
expo отстает от react native cli :D выбирай react native cli и не будешь мучиться
Uncle Bob’s Nephew
Привет
как менять app name когда меняешь язык на телефоне
то есть если стоит русский язык - название прилы на русском и наоборот на английском
Мағжан
на андройде в manifest.xml
в тег где надо писать имя приложения нужно писать ресурс из strings.xml
Мағжан
на ios аналогичным образом наверное
Мағжан
на андройде в manifest.xml
в тег где надо писать имя приложения нужно писать ресурс из strings.xml
главное не забудь локализировать strings.xml
Klim
Всем привет. Проблема такая, использую Expo для мобильного приложения, но либу с пофикшенным багом еще не выкатили. Либа expo-media-library. Знаю какой коммит мне нужен. Как можно наиболее удачным способом сделать себе версию с коммита?
B
Всем привет. Такой вопрос. В props приходит массив array. Хочу сделать копию этого массива  в copyArray, но потом понимаю, что он мутируется. Что я делаю не так?
 click = () => {
const { array } = this.props;
let copyArray = array.slice(0);
for (let i = 0; i < copy.copyArray; i++) {
copyArray[i].address = "qwerty";
};
}
Gena
Всем привет. Такой вопрос. В props приходит массив array. Хочу сделать копию этого массива  в copyArray, но потом понимаю, что он мутируется. Что я делаю не так?
 click = () => {
const { array } = this.props;
let copyArray = array.slice(0);
for (let i = 0; i < copy.copyArray; i++) {
copyArray[i].address = "qwerty";
};
}
Вы копируете массив ссылок, получаете два разных массива элементы которых ссылаются на одни и те же объекты. С таким лучше в группу по JS.
B
Вы копируете массив ссылок, получаете два разных массива элементы которых ссылаются на одни и те же объекты. С таким лучше в группу по JS.
ага, понял. А вы можете примерно сказать куда копать? Как все таки сделать настоющую копию?;)
Daniil
ага, понял. А вы можете примерно сказать куда копать? Как все таки сделать настоющую копию?;)
https://medium.com/@gamshan001/javascript-deep-copy-for-array-and-object-97e3d4bc401a
Если кратко, то вариант быстро и дешево не будет. Можно конечно через JSON parse/stringify, но там есть свои случаи, когда такая запись в ногу стреляет
Artur
ага, понял. А вы можете примерно сказать куда копать? Как все таки сделать настоющую копию?;)
Если есть циклы в ссылках - то никак
Artur
Конкретный случай решается так: copyArray[i] = { …copyArray[i], address: «qwerty»};
B
@artur_viktorovich @Tchernyavsky  спасибо за помощь. буду пробовать
Rashid
Hi. I want to use react native google sign in. But without firebase. Do you have any idea?
Rashid
I want to use without firebase
Alexander 🐯
Andrei
Andrei
в итоге консолится null
ㅤ
ребят, привет, кто подкажет как сбилдить залить на play console для тестировки? вроде как гайд кто-то бросал