Проще создать новый проект и посмотреть статьи с набором полезных пакетов

Да хотя бы редакс и т.п. Ничего космического )

кто может порекомендовать пакет для masked input? ничего вменяемого не нашел

https://github.com/text-mask/text-mask

кто может порекомендовать пакет для masked input? ничего вменяемого не нашел

☝️

а он на native подойдет?

просто реакт же

Регулярки обычные

ну это со стороны самой апи уже) тут у меня скорее были опасения что симулятор Xcode работает в какой нибудь виртуальной машине и придется еще какие нибудь прокси прокидывать

Вспомнил, был у меня сервер внутри сети на обычном http и у меня пост запросы не кидались на него, типа либо https делай, либо внутри проекта прописывай хост

а он на native подойдет?

блин, я перепутал чат, пардон

блин, я перепутал чат, пардон

Проблемы разработки в 2к18

нужно сканировать qr коды, какой плагин посоветуете?

rn-camera

https://github.com/react-native-community/react-native-camera/blob/master/README.md

rn-camera

thx!

нужно сканировать qr коды, какой плагин посоветуете?

на основе rn-camera есть rn-qrcodescanner, работает хорошо и быстро лично у меня

О, в react-native-firebase 5.0.0 одумались и убрали opencollective, оставили статический баннер в 3 строки, который не делает сетевых запросов на каждый npm i... больше не spyware )))

REASON 1 : Duplicate of class file name SOLUTION : when your refactoring of some of your class files to a library project. and that time you write name of class file So, double check that you do not have any duplicate names REASON 2 : When you have lot of cache Memory SOLUTION : Sometime if you have lot of cache memory then this error occure so solve it. go to File/Invalidate caches / Restart then select Invalidate and Restart it will clean your cache memory. REASON 3 : When there is internal bug or used beta Version to Switch back to stable version. SOLUTION : Solution is just simple go to Build menu and click Clean Project and after cleaning click Rebuild Project. REASON 4 : When you memory of the system Configuration is low. SOLUTION : open Task Manager and stop the other application which are not most used at that time so it will free the space and solve OutOfMemory. REASON 5 : The problem is your method count has exceed from 65K. SOLUTION : open your Project build.gradle file add defaultConfig { ... multiDexEnabled true } and in dependencies add below line. dependencies { compile 'com.android.support:multidex:1.0.0' }

REASON 1 : Duplicate of class file name SOLUTION : when your refactoring of some of your class files to a library project. and that time you write name of class file So, double check that you do not have any duplicate names REASON 2 : When you have lot of cache Memory SOLUTION : Sometime if you have lot of cache memory then this error occure so solve it. go to File/Invalidate caches / Restart then select Invalidate and Restart it will clean your cache memory. REASON 3 : When there is internal bug or used beta Version to Switch back to stable version. SOLUTION : Solution is just simple go to Build menu and click Clean Project and after cleaning click Rebuild Project. REASON 4 : When you memory of the system Configuration is low. SOLUTION : open Task Manager and stop the other application which are not most used at that time so it will free the space and solve OutOfMemory. REASON 5 : The problem is your method count has exceed from 65K. SOLUTION : open your Project build.gradle file add defaultConfig { ... multiDexEnabled true } and in dependencies add below line. dependencies { compile 'com.android.support:multidex:1.0.0' }

не работает

5 решение не помогло?

multidex: true тоже на месте?

multidex: true тоже на месте?

Да. Спасибо. Не в нем было дело, а как всегда - в мистике. Уверен сейчас уберу мультидекс и все равно соберется)

Да. Спасибо. Не в нем было дело, а как всегда - в мистике. Уверен сейчас уберу мультидекс и все равно соберется)

multidex: true все таки помог.

всем привет

можно ли как то у webiview локализовать текст надписей диалога загрузки файлов

можно ли как то у webiview локализовать текст надписей диалога загрузки файлов

А он разве не в локали системы? Попробуйте поставить себе в симулятор русский язык как основной...

возможно у меня что то с девайсом

проверю на другом

(это только предположение, если что...)

Кто-то нажрал памяти?

Кто-то нажрал памяти?

Да вроде 8гб всего занято.

всем привет, так и не нашел пакет для input mask, может кто подскажет? и как открывать только цифровую клавиатуру?

libphonenumber-js смотрел?

нет

сейчас загуглю

форматируй по таймауту или blur

Вы это серьезно?

предлагай если есть иное

форматируй по таймауту или blur

таймаут откровенно плохая идея

можно просто по вводу

не уверен что реакту это понравится

косяки с кареткой могут быть

multidex: true все таки помог.

Говорил же)

такая задача банальная, а делается через костыли

просто форматирование инпута это уже костыль

ну маска для ввода номера не такой и костыль

задача самая обычная

+, решений в интернете хватает

я поставил один пакет, что нашел, он ведет себя неадекватно, сам числа при вводе подставляет

Так самому написать можно же

можно, но в веб разработке на такое никогда время не тратил

всем привет, так и не нашел пакет для input mask, может кто подскажет? и как открывать только цифровую клавиатуру?

а в чем проблема указать тип клавиатуры у инпута? https://facebook.github.io/react-native/docs/0.56/textinput#keyboardtype

такая задача банальная, а делается через костыли

Это очень не банальная (простая, очевидная) задача! Это банальная задача, когда у вас один поток в приложении. В браузере это кажется простым, потому что там разработчики браузера применили зверские хаки, чтоб обычным веб-разработчиками жилось легко. В нативе iOS это почти банальная задача, потому что UIKit приложение работает в одном потоке и вы свои фильтры ввода пишите синхронно с остальными обработчиками ввода и лэйаутом. В RN в этом смысле плохая архитектура (но другой нет). Поэтому эта задача вообще удивительно, что решаема. В 0.57 это тем не менее должно работать. Для понимания, что это сложно, добавлю ещё, что у вас ввод идет через IM, что означает, что то, что появляется в поле не всегда соответствует тому, что в итоге введет пользователь и он не просто добавляет символы, а у вас IM может заменить уже введенные... А ещё RN хендлит форматирование в TextInput (это тоже косяк архитектуры, верней гипер обобщение в коде, но с этим ничего не поделать), и это значит, что он ещё трекает маркеры атрибутов символов по строке... Но ещё раз, в RN 0.57 вешайте обработчик на onChangeText и меняйте value у компонента и это будет работать нормально (в RN 0.54, 0.55, 0.56 там баг и это не работает).

Как вариант опустить задачу обратно на уровень нейтива и в реакт отправлять только форматированные данные. Тогда все снова становится тривиальным, просто решение становится узкоспециализированным. Зато уходят все хаки. И в самой возможности такого решения кроется вся красота RN. ?

https://github.com/react-native-community/react-native-text-input-mask вот же отличная либа, вроде надстройка над ипутом из rn

https://github.com/react-native-community/react-native-text-input-mask вот же отличная либа, вроде надстройка над ипутом из rn

я ее не смог запустить на iphone

Как вариант опустить задачу обратно на уровень нейтива и в реакт отправлять только форматированные данные. Тогда все снова становится тривиальным, просто решение становится узкоспециализированным. Зато уходят все хаки. И в самой возможности такого решения кроется вся красота RN. ?

Ага... я как раз уже планировал так делать, но в 0.57 успели пофиксить )

Странно. У меня отлично работает

там для айфона надо что-то куда-то копировать

я так и не понял

Тоже немного тупил, но там как всегда - все по доке Включить Always Embed Swift Standard Libraries’ of Build Settings Добавить в Embeded Binaries

понял, попробую, спасибо

Всем привет! У нас команда не может найти библиотеку для Push-нотификаций, которая поддерживает Expo и detached приложение в AppStore. Кто-нибудь знает подходящую библиотеку? Заранее спасибо за ответ.

понял, попробую, спасибо

ток там еще такая штука есть, у меня без этого фикса не улетало в итюнсконнект https://github.com/react-native-community/react-native-text-input-mask/issues/22

Точно, забыл. Спасибо за дополнение

Сейчас провел забавный эксперимент. Попробовал настроить бандлер так, чтоб он поле module использовал в package.json у модулей, если есть... Это уменьшило размер бандла (здесь и далее продакшн ios минификация) примерно на 300 байт. Я удивился и добавил туда ещё процессинг esnext:main, что увеличило размер бандла ))) Озадачившись этим странным поведением, я полез разбираться... и вот, такая картина получается (это только то, что в node_modules лежит): http://vovkasm.skitch.vovkasm.org/bundle-size_2160060C.png Это второй вариант (без esnext:main, там оказалось, что оно moment.js два раза пакует, уж не знаю почему). Получается, что metro вообще чтоль дерево импортов не перетряхивает? Мало того, что весь RN впакован, в это я могу поверить, потому что с haste они не могут понять что кому надо и где используется, но обычные импорты тоже... вот на картинке есть react-native-firebase, у меня в приложении ровно три импорта для него в трех файлах: import { analytics } from 'react-native-firebase' import { messaging } from 'react-native-firebase' import { messaging, notifications } from 'react-native-firebase' А в бандле честно лежит database... очень странно, в общем... сейчас ещё проверю, не тайпскрипт ли там мешает этой оптимизации...

Нет, не typescript... у него на выходе es2015 должен быть... т.е. все импорты/экспорты сохранены

Сейчас провел забавный эксперимент. Попробовал настроить бандлер так, чтоб он поле module использовал в package.json у модулей, если есть... Это уменьшило размер бандла (здесь и далее продакшн ios минификация) примерно на 300 байт. Я удивился и добавил туда ещё процессинг esnext:main, что увеличило размер бандла ))) Озадачившись этим странным поведением, я полез разбираться... и вот, такая картина получается (это только то, что в node_modules лежит): http://vovkasm.skitch.vovkasm.org/bundle-size_2160060C.png Это второй вариант (без esnext:main, там оказалось, что оно moment.js два раза пакует, уж не знаю почему). Получается, что metro вообще чтоль дерево импортов не перетряхивает? Мало того, что весь RN впакован, в это я могу поверить, потому что с haste они не могут понять что кому надо и где используется, но обычные импорты тоже... вот на картинке есть react-native-firebase, у меня в приложении ровно три импорта для него в трех файлах: import { analytics } from 'react-native-firebase' import { messaging } from 'react-native-firebase' import { messaging, notifications } from 'react-native-firebase' А в бандле честно лежит database... очень странно, в общем... сейчас ещё проверю, не тайпскрипт ли там мешает этой оптимизации...

moment.js вообще загадочная либа) если снять схему зависимостей webpack, то окажется что момент в бандл тянет все локализации, даже если ниодну из них не подключать)

moment.js вообще загадочная либа) если снять схему зависимостей webpack, то окажется что момент в бандл тянет все локализации, даже если ниодну из них не подключать)

Я знаю ))) Столкнулся с этим, когда RN их перестал подтягивать... они не могут по другому... там надо очень специально вебпаку говорить, какие нужны. Потому что их потом через динамический require же подключают )

Я знаю ))) Столкнулся с этим, когда RN их перестал подтягивать... они не могут по другому... там надо очень специально вебпаку говорить, какие нужны. Потому что их потом через динамический require же подключают )

У VSCode есть плагин хороший, который показывает в коде вес импортов

собственно с ним изначально и заметили это

У VSCode есть плагин хороший, который показывает в коде вес импортов

Этот плагин весит 600+ мб ?

Или его данные или хз что, но когда я чистил место на диске, папка этого плагина была за 600 Ирония ?

Эээ плагины к vscode это хорошо, но чтоб продакшн бандл в RN посмотреть, лучше всётаки его просто сгенерить с sourcemaps и воспользоваться source-map-explorer, т.е. я вот так делал: npm i -g source-map-explorer react-native bundle --entry-file index.js --platform ios --dev false --reset-cache --bundle-output main.bundle.js --sourcemap-output main.bundle.js.map source-map-explorer main.bundle.js main.bundle.js.map

Но меня вот что волнует, даже после беглого осмотра этого хозяйства, видно, что можно размер бандла уменьшить довольно значительно. В моем случае раза в полтора, думается... Где-то 100Kb можно от RN было бы выкинуть - ART, Experimental, Navigation, ListView, BatchedBridge и ещё по мелочам набежит, думаю. Дальше bluebird, pretty-format - я без них могу прожить (-130Kb) Дальше, если бы react-native-firebase перетряхивался, то было бы (-100Kb) Ну и мелочь всякая... regenerator-runtime, который мне не сдался вообще (ну не использую я await), lodash-es с lodash схлопнуть... если бы оптимизация была нормальная ещё бы половина mobx ушла (я довольно мало от него использую) А, точно... ещё там зачем-то ReactFabric на 70Kb... хотя он экспримент, и его по умолчанию бандлить не надо ) В общем в итоге,думаю бандл был бы не 1.7Mb, а около 1Mb, что как бы значительно лучше... И в этом свете странно, что когда я haul пробовал, он давал более объемные бандлы, чем metro... надо бы ещё раз проверить