Если правильно понимаю, о чем речь, то все делали по доке. Главное не забыть его скопировать по тому же пути
тоже по доке, но все ломается
Andrei
Max
Спецы, кто нибудь подключал facebook account kit для ios?
С телефона пишу, проверить не могу. Но работало. Проверь может уже был ранее подключён старый? И ещё проверочка: в Xcode видно его (где-то должно быть)
Max
И это было у нас без expo , хотя вряд ли это супер важно
Andrei
И это было у нас без expo , хотя вряд ли это супер важно
с экспо вообще не реально. Детачили экспо проект до полного rn
Andrei
но, в принципе, пока и так не поборол
Max
А ошибка какая? Текст не гуглится?
Andrei
буду тыкать
Dmitry
Ребятки, привет, можеткто делал или есть под рукой ссылки, как реализовывать на РН и react-navigation, защиту паролем
Dmitry
есть ли что-то вроде guards или вроде того
Mikhail
Ребят, а как создать кастомный transition переход, между разными представлениями?
Mikhail
Не могли бы меня просветить, а что вообще использовать для таких дел?
Vitaly
Кто-нибудь юзает https://github.com/storybooks/storybook ?
zamir
привет! подключил к приложению свои свг иконки, и немного все начало подтормаживать, а имено при переключении по таб навигатору(а свг иконки именно там) все переключаетс яс опозданием на 1-2 сек, может ли это быть связанно как то с иконками? я их тупо импортировал по одному и закинул в
tabBarIcon
Nick
привет! подключил к приложению свои свг иконки, и немного все начало подтормаживать, а имено при переключении по таб навигатору(а свг иконки именно там) все переключаетс яс опозданием на 1-2 сек, может ли это быть связанно как то с иконками? я их тупо импортировал по одному и закинул в
tabBarIcon
А как у тебя иконки рендерятся? В RN же нет свг
zamir
А как у тебя иконки рендерятся? В RN же нет свг
react-native-svg-uri
через эту штуку
вот так
tabBarIcon: ({ tintColor }) => <Svg
width="20"
fill={tintColor}
fillAll="true"
height="20"
source={money} />
Nick
react-native-svg-uri
через эту штуку
вот так
tabBarIcon: ({ tintColor }) => <Svg
width="20"
fill={tintColor}
fillAll="true"
height="20"
source={money} />
Так попробуй в png иконки преобразуй и вставь туда же, потом сравни оба варианта, чтоб точно знать, из-за иконок ли задержки
zamir
Так попробуй в png иконки преобразуй и вставь туда же, потом сравни оба варианта, чтоб точно знать, из-за иконок ли задержки
подключил иконки через
react-native-elements
, -
<Icon name='rowing' />
все норм теперь быстро все, но как быть если хочется своих иконок ? наверно надо как то потимизировать...
Peter
hello guys, скажите, если я юзаю react-navigation + redux, обязательно ли мне интегрировать redux в соответствии с документацией? со всеми этими redux-helpers etc. Или же это опционально и дает просто какие-то преимущества?
Sergey
подключил иконки через
react-native-elements
, -
<Icon name='rowing' />
все норм теперь быстро все, но как быть если хочется своих иконок ? наверно надо как то потимизировать...
если иконки монохромные, то можно svg конвертировать в ttf и подключать как шрифт
Nick
подключил иконки через
react-native-elements
, -
<Icon name='rowing' />
все норм теперь быстро все, но как быть если хочется своих иконок ? наверно надо как то потимизировать...
react-native-elements использует react-native-vector-icons, а там уже описано, как свои можно подключить, используя шрифты
E
салют всем!
я использую react-native-swipe-cards и хочу в фоне подгружать новые карточки не вызывая полную перерисовку, потому что сбрасывается текущая карточка пользователя. сделал вот так:
fetchNewAds() {
return HttpClient.fetchCards().then(
cards => {
const ids = this.state.cards.map(card => card.id);
cards.filter(card => {
if (!ids.includes(card.id)) {
this.state.cards.push(card);
}
});
})
}
componentDidMount() {
HttpClient.fetchCards().then(
cards => {
this.setState({ cards: cards })
this.intervalId = setInterval(() => this.fetchNewAds(), 500)
});
}
но чувствую это не react way... прокоментируйте плз
Aleksey
салют всем!
я использую react-native-swipe-cards и хочу в фоне подгружать новые карточки не вызывая полную перерисовку, потому что сбрасывается текущая карточка пользователя. сделал вот так:
fetchNewAds() {
return HttpClient.fetchCards().then(
cards => {
const ids = this.state.cards.map(card => card.id);
cards.filter(card => {
if (!ids.includes(card.id)) {
this.state.cards.push(card);
}
});
})
}
componentDidMount() {
HttpClient.fetchCards().then(
cards => {
this.setState({ cards: cards })
this.intervalId = setInterval(() => this.fetchNewAds(), 500)
});
}
но чувствую это не react way... прокоментируйте плз
а в чем поинт тогда загружать и мутировать состояние вью, если ты его никак не отображаешь?
zamir
react-native-elements использует react-native-vector-icons, а там уже описано, как свои можно подключить, используя шрифты
кстати, так и сделал, спасибо большое
Nick
салют всем!
я использую react-native-swipe-cards и хочу в фоне подгружать новые карточки не вызывая полную перерисовку, потому что сбрасывается текущая карточка пользователя. сделал вот так:
fetchNewAds() {
return HttpClient.fetchCards().then(
cards => {
const ids = this.state.cards.map(card => card.id);
cards.filter(card => {
if (!ids.includes(card.id)) {
this.state.cards.push(card);
}
});
})
}
componentDidMount() {
HttpClient.fetchCards().then(
cards => {
this.setState({ cards: cards })
this.intervalId = setInterval(() => this.fetchNewAds(), 500)
});
}
но чувствую это не react way... прокоментируйте плз
если использовать отдельный стейт для текущей карточки, currentCard или currentCardId например, то вроде не должно сбрасываться
Khorark
Можешь использовать мою программу для конвертации из svg в RN Element https://github.com/khorark/svg-icons-to-react-native
Khorark
react-native-svg-uri
через эту штуку
вот так
tabBarIcon: ({ tintColor }) => <Svg
width="20"
fill={tintColor}
fillAll="true"
height="20"
source={money} />
Arnal
Приветствую! я новичок, начал изучать react-native. и у меня проблема , прочитал stackoverflow и так же других местах но не могу решить проблему. надеюсь вы поможете разобраться в этом) проблема такая -> npm start пишу и в резултате Starting packager ... и не запускаеться проект
Arnal
Environment:
OS: Linux 4.15
Node: 6.14.1
Yarn: Not Found
npm: 6.1.0
Watchman: 4.7.0
Xcode: N/A
Android Studio: Not Found
Packages: (wanted => installed)
react: ^16.1.1 => 16.4.0
react-native: ^0.55.4 => 0.55.4
Denis
Arnal
npm ERR! arg Argument starts with non-ascii dash, this is probably invalid: [ '—depth=0' ]
Unhandled rejection Error: Invalid tag name "—depth=0": Tags may not have any characters that encodeURIComponent encodes.
at invalidTagName (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/npm-package-arg/npa.js:87:15)
at fromRegistry (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/npm-package-arg/npa.js:290:13)
at resolve (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/npm-package-arg/npa.js:77:12)
at npa (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/npm-package-arg/npa.js:48:10)
at /home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/lib/ls.js:65:17
at Array.map (native)
at ls.fromTree (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/lib/ls.js:61:17)
at /home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/lib/ls.js:42:7
at inflateShrinkwrap.then (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/lib/install/inflate-shrinkwrap.js:36:11)
at tryCatcher (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:512:31)
at Promise._settlePromise (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:614:10)
at Promise._settlePromises (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:693:18)
at Async._drainQueue (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/async.js:133:16)
at Async._drainQueues (/home/arnal/.nvm/versions/node/v6.14.1/lib/node_modules/npm/node_modules/bluebird/js/release/async.js:143:10)
npm ERR! cb() never called!
npm ERR! This is an error with npm itself. Please report this error at:
npm ERR! <https://github.com/npm/npm/issues>
npm ERR! A complete log of this run can be found in:
npm ERR! /home/arnal/.npm/_logs/2018-05-27T11_36_17_101Z-debug.log
Arnal
0 info it worked if it ends with ok
1 verbose cli [ '/home/arnal/.nvm/versions/node/v6.14.1/bin/node',
1 verbose cli '/home/arnal/.nvm/versions/node/v6.14.1/bin/npm',
1 verbose cli 'ls',
1 verbose cli '—depth=0',
1 verbose cli '-D' ]
2 info using npm@6.1.0
3 info using node@v6.14.1
4 error arg Argument starts with non-ascii dash, this is probably invalid: [ '—depth=0' ]
5 timing npm Completed in 4066ms
6 error cb() never called!
7 error This is an error with npm itself. Please report this error at:
8 error <https://github.com/npm/npm/issues>
Denis
Там 2 дефиса
Arnal
CurrencyConverter-Starter@0.1.0 /home/arnal/React/currency-converter-starter
├── @expo/vector-icons@6.2.0
├── babel-eslint@8.2.3
├── color@2.0.0
├── eslint@4.19.1
├── eslint-config-airbnb@16.1.0
├── eslint-plugin-import@2.12.0
├── eslint-plugin-jsx-a11y@6.0.3
├── eslint-plugin-react@7.8.2
├── expo@23.0.6
├── jest-expo@23.0.1
├── moment@2.22.1
├── prettier@1.12.1
├── prettier-eslint@8.8.1
├── UNMET PEER DEPENDENCY react@16.4.0
├── react-native@0.55.4
├── react-native-extended-stylesheet@0.8.0
├── react-native-scripts@1.14.1
├── react-test-renderer@16.4.0
└── watchman@1.0.0
npm ERR! peer dep missing: react@16.3.1, required by react-native@0.55.4
npm ERR! missing: mkdirp@0.5.1, required by node-pre-gyp@0.10.0
npm ERR! missing: minimist@0.0.8, required by mkdirp@0.5.1
npm ERR! missing: minimatch@3.0.4, required by ignore-walk@3.0.1
npm ERR! missing: brace-expansion@1.1.11, required by minimatch@3.0.4
npm ERR! missing: balanced-match@1.0.0, required by brace-expansion@1.1.11
npm ERR! missing: concat-map@0.0.1, required by brace-expansion@1.1.11
npm ERR! missing: safe-buffer@5.1.1, required by readable-stream@2.3.6
npm ERR! missing: safe-buffer@5.1.1, required by string_decoder@1.1.1
npm ERR! missing: minimatch@3.0.4, required by glob@7.1.2
npm ERR! missing: wrappy@1.0.2, required by inflight@1.0.6
npm ERR! missing: wrappy@1.0.2, required by once@1.4.0
npm ERR! missing: minipass@2.2.4, required by tar@4.4.1
npm ERR! missing: mkdirp@0.5.1, required by tar@4.4.1
npm ERR! missing: safe-buffer@5.1.1, required by tar@4.4.1
npm ERR! missing: yallist@3.0.2, required by tar@4.4.1
npm ERR! missing: minipass@2.2.4, required by fs-minipass@1.2.5
npm ERR! missing: safe-buffer@5.1.1, required by minipass@2.2.4
npm ERR! missing: yallist@3.0.2, required by minipass@2.2.4
npm ERR! missing: minipass@2.2.4, required by minizlib@1.1.0
npm ERR! peer dep missing: react@16.3.1, required by react-native@0.55.4
Denis
Crna?
А что в package.json?
Arnal
{
"name": "CurrencyConverter-Starter",
"version": "0.1.0",
"private": true,
"devDependencies": {
"babel-eslint": "^8.0.2",
"eslint": "^4.12.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-jsx-a11y": "^6.0.2",
"eslint-plugin-react": "^7.5.1",
"jest-expo": "^23.0.0",
"prettier": "^1.5.3",
"prettier-eslint": "^8.2.2",
"react-native-scripts": "^1.14.1",
"react-test-renderer": "^16.1.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "node node_modules/jest/bin/jest.js —watch",
"lint": "eslint app/",
"lint:fix": "eslint app/ —fix"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@expo/vector-icons": "6.2.0",
"color": "2.0.0",
"expo": "^23.0.2",
"moment": "^2.22.1",
"react": "^16.1.1",
"react-native": "^0.55.4",
"react-native-extended-stylesheet": "0.8.0",
"watchman": "^1.0.0"
},
"repository": "https://github.com/HandlebarLabs/currency-converter-starter.git",
"author": "Arnal Shoorukov <arnal.shoorukov@gmail.com>",
"license": "MIT"
}
Dmitrii
Ребят, не подскажете, у меня при инициализации приложения в консоли браузера redux-logger не показывает initial состояние стора, но показыват, если начинаешь менять его. Можно как-то указать в опции этой мидлвары, чтобы отображалось и начальное состояние?
Vadim
1) при инициализации приложения можешь сам логгировать
2) почитай исходники redux-logger и получишь ответ, так быстрее
Dmitrii
спасибо
wystan_hugh
Господа, я пытаюсь тут билдить под веб. И у меня есть такая строчка const RouterPackage = isWeb ? require('react-router-dom') : require('react-router-native');
wystan_hugh
почему даже если isWeb == true, npm пытается скомпилить вторую часть?
wystan_hugh
и пишет соответственно failed to compile ./node_modules/react-router-native/NativeRouter.js Module parse failed: Unexpected token (11:2)
wystan_hugh
хотя наверное как всегда проблемы с версиями.
E
а в чем поинт тогда загружать и мутировать состояние вью, если ты его никак не отображаешь?
а том что когда пользователь листает, чтобы новые элементы тоже были в коллекции, но добавлять их незаметно для пользователя
E
на подобие infinite scroll
Ilya
Привет, кто-нибудь сидел над пушами для андроида? не могу врубиться в стандартную библиотеку, там есть метод cancel(int id), который дропает пуш. Что за id надо использовать? message_id, который gcm отдает или какой-то другой? Пишу бэкенд для удаления уведомлений, хочу передавать просто параметр action: remove со старым id (генерится на моем бэкенде), и на клиенте удалять уже
Ilya
препарирую либу react-native-notifications
Vladimir
Привет, кто-нибудь сидел над пушами для андроида? не могу врубиться в стандартную библиотеку, там есть метод cancel(int id), который дропает пуш. Что за id надо использовать? message_id, который gcm отдает или какой-то другой? Пишу бэкенд для удаления уведомлений, хочу передавать просто параметр action: remove со старым id (генерится на моем бэкенде), и на клиенте удалять уже
Когда вы реквестите показ нотификейшена вы передаете идентификатор для этого нотификейшена - это может быть любое целое число. Используя этот идентификатор вы можете обновлять или отменять уведомление. Обычно этот идентификатор хранится где-то в ресурсах или преференсах.
Vladimir
То есть вас никто не обязывает использовать какой-то конкретный идентификатор. Исключительно на ваше усмотрение.
Ilya
Когда вы реквестите показ нотификейшена вы передаете идентификатор для этого нотификейшена - это может быть любое целое число. Используя этот идентификатор вы можете обновлять или отменять уведомление. Обычно этот идентификатор хранится где-то в ресурсах или преференсах.
а, то есть смотреть в сторону инициализации показа при получении пуша, попробовать свой id проставить?
Vladimir
да
Ilya
спасибо, кажись понял как сделать
Andrew Kiselev
У меня в двух разных приложениях авторизация в фейсбук стала требовать ввести логин и пароль (iOS & Android), в то время когда раньше нормально авторизовывалось через фб приложение. Кто-нибудь столкнулся с такой же проблемой?
Mikhail
Ребят, а почему может не запускаться приложение именно под android. То есть код компилируется, запускается без ошибок, билдится без ошибок, но потом показывает белый экран. Однако всё тоже самое работает хорошо под ios
Ilya
Ребят, а почему может не запускаться приложение именно под android. То есть код компилируется, запускается без ошибок, билдится без ошибок, но потом показывает белый экран. Однако всё тоже самое работает хорошо под ios
а экраны запускаются? проверь логами
можешь еще запустить npx react-devtools и проверить верстку
Ilya
у нас недавно какой-то keyboard avoid без flex: 1 на иос белый экран делал
Mikhail
а экраны запускаются? проверь логами
можешь еще запустить npx react-devtools и проверить верстку
В логах всё чисто. Зелененький лоадел 100% успешной загрузке
Ilya
В логах всё чисто. Зелененький лоадел 100% успешной загрузке
то есть до лога в render компонента-экрана вообще не доходит? а что за навигатор?
Mikhail
то есть до лога в render компонента-экрана вообще не доходит? а что за навигатор?
Там просто render функция onboarding
Sergey
Всем привет! Возникла такая ситуация, приложение на RN, бэкенд на джанго, реализована загрузка картинок через обертку стандартного fetch. Так вот при загрузке с эмулятора картинка на сервер попадает с кривыми правам, в результате чего отдается 403 ошибка, с устройства иногда нормально, иногда криво. Куда копать, в чем может быть причина? Если через браузер загружать картинку тем же методом API - все нормально, cURL'ом - тоже нормально.
AMar4enko
Всем привет! Возникла такая ситуация, приложение на RN, бэкенд на джанго, реализована загрузка картинок через обертку стандартного fetch. Так вот при загрузке с эмулятора картинка на сервер попадает с кривыми правам, в результате чего отдается 403 ошибка, с устройства иногда нормально, иногда криво. Куда копать, в чем может быть причина? Если через браузер загружать картинку тем же методом API - все нормально, cURL'ом - тоже нормально.
Ну куки видать неправильные отправляются, а то и вовсе не отправляются
Deniel Sonis
всем привет ребята подскажите пожалуйста как решить проблемы после ввода react-native run-ios вижу такую ошибку
Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/test.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist
Alexsandr
Alexsandr
я щас решаю
Alexsandr
можешь через xcode собрать и запустить
Pavel
Всем привет.
В релизной версии после загрузки обновлений code-push-ем приложение крашится с ошибкой:
05-28 11:23:02.942 25169-25286/? E/ReactNativeJS: undefined is not a function (evaluating 'this._nativeModule.addListener(eventType)')
05-28 11:23:02.956 25169-25287/? E/AndroidRuntime: FATAL EXCEPTION: mqt_native_modules
- при повторном запуске не применяются изменения из бандла. Подскажите как решить🙏
Artem
Всем привет.
В релизной версии после загрузки обновлений code-push-ем приложение крашится с ошибкой:
05-28 11:23:02.942 25169-25286/? E/ReactNativeJS: undefined is not a function (evaluating 'this._nativeModule.addListener(eventType)')
05-28 11:23:02.956 25169-25287/? E/AndroidRuntime: FATAL EXCEPTION: mqt_native_modules
- при повторном запуске не применяются изменения из бандла. Подскажите как решить🙏
Codepush при багованном обновлении сам откатывает изменения. очевидно, у вас какая-то проблема в коде, который вы пушите
Artem
вы случаем не пытаетесь пушить изменения с новой прилинкованой нативной либой?
Pavel
вы случаем не пытаетесь пушить изменения с новой прилинкованой нативной либой?
Была новая прилинкованая либа, но я пересобирал и apk
Artem
Была новая прилинкованая либа, но я пересобирал и apk
codepush не умеет обновлять изменения в нативном коде. вам дорога в google play с пересобранным apk
Pavel
Пока приложение не выкладовалось в google play, оно тестируется на рабочих девайсах
Pavel
и apk устанавливается через --variant=release или скидывается apk
Artem
Пока приложение не выкладовалось в google play, оно тестируется на рабочих девайсах
ну, значит переустановить apk
Artem
после установки apk последней версии codepush и не нужен как бы
Pavel
Собираю apk, делаю изменения и пересобираю бандл, заливаю в code-push, перезапускаю приложение и оно падает с этой ошибкой после подгрузки изменений code-push-ем
Artem
Собираю apk, делаю изменения и пересобираю бандл, заливаю в code-push, перезапускаю приложение и оно падает с этой ошибкой после подгрузки изменений code-push-ем
😕 вам надо собрать apk с последним бандлом и установить его. codepush в этой цепочке ни к чему
Pavel
😕 вам надо собрать apk с последним бандлом и установить его. codepush в этой цепочке ни к чему
Приложение тестируют несколько человек с разных устройств. После того как я правлю где-то стили, где-то текст и заливаю в code-push, у них при попытке подгрузки изменений падает приложение
Никита
я так понимаю идет тестирование codepush