Rinat
ребят еще раз повторю вопрос. detox кто юзает, как перехватить http запросы, что-то типа request interceptor
Khorark
Всем привет Написал пакет для конвертации SVG изображений в RN компоненты. Основные преимущества в том, что есть svg, в которых стили прописаны через классы, а не через атрибуты, в следствии чего они не учитывались. В этом пакете исправлен данный недочет. Плюсом сделал, чтобы стили, которые уже есть в svg, ставились по дефолту. Если тоже будет кому-то полезен, то лежит тут https://github.com/khorark/svg2rn . Если найдете какие-то ошибки, прошу дать обратную связь через Issues .
Khorark
А вот от этого чем отличается? https://github.com/smooth-code/svgr
Там были проблемы со встроенными стилями, прописанными через классы
Gena
Я просто к тому, что работа с SVG в RN очень нужна. Она нужна без тормознутого react-native-svg, но чтоб это произошло нужны инструменты по преобразованиям и инфраструктура. svgr (не считая того, что они тоже повязались на дотации и opencollective) делают уже довольно много, к примеру, они оптимизируют svg файл, уменьшая кол-во узлов и компонентов, что для RN критично для производительности
чей ты
чей ты
Такое в React native Можно сделть ?
чей ты
Я про алерт
Kto?
модалкой
Gena
Если за look-and-feel не гнаться, то модалкой нормально делается )
Khorark
Я просто к тому, что работа с SVG в RN очень нужна. Она нужна без тормознутого react-native-svg, но чтоб это произошло нужны инструменты по преобразованиям и инфраструктура. svgr (не считая того, что они тоже повязались на дотации и opencollective) делают уже довольно много, к примеру, они оптимизируют svg файл, уменьшая кол-во узлов и компонентов, что для RN критично для производительности
В моем пакете svgr под капотом, просто не один один. Так как когда я его использовал, он не решал мою проблему. Для примера можно взять любую иконку сделаную в Adobe XD со стилями и прогнать через svgr. В любом случае, на выходе получается минимизированный RN комопнент только с нужными атрибутами.
Kto?
Если за look-and-feel не гнаться, то модалкой нормально делается )
А может он имел ввиду сделать открытие настроек по кнопке?
Gena
используй webView пока лучший компонет для работы с svg
Я знаю. Поэтому я вообще пока не использую svg, для ч/б иконок я научился ttf собирать, а всё остальное пока картинками, но их к счастью остается не очень много.
Khorark
А, если это обертка, тогда ок )) Точно, не посмотрел в зависимости! Тогда круто, нужно больше инструментов по процессингу! ))
Я его просто адаптировал под нужды своих задач, а на просторах интернета ничего путного не нашел. Кто-то через шрифты делал в rreact-native-svg-icon, на мой взгляд не самое оптимальное решение.
Kto?
+
Gena
Это зависит. Я когда-то наелся с react-native-svg и больше его использовать не буду никогда (даже ART быстрее, но тоже медленный). На самом деле webview не такой плохой вариант. Но ещё раз, для монохромных иконок самое оптимальное решение - это Text. Рендерер ttf максимально быстр на обоих платформах. Единственное, приходится потратить время на подготовку скриптов по генерации шрифта.
Gena
Я, кстати, знаю, что в нативном ios для вектора ещё можно pdf-рендерер использовать, получается быстро. Но такой вариант плохо подходит для android, к сожалению.
Khorark
https://react-native.canny.io/feature-requests/p/support-rendering-svg-images
Khorark
В этом обсуждение подробно разбирается вопрос svg
Gena
В этом обсуждение подробно разбирается вопрос svg
Специально посмотрел... ничего принципиально в этом обсуждении не изменилось за год ))) Не всё так просто... мало рендерить svg как картинку, да и невозможно в общем случае. svg - это web-формат с поддержкой dom, css и javascript... если только очень узкое подмножество можно статически рендерить
Khorark
Я, кстати, знаю, что в нативном ios для вектора ещё можно pdf-рендерер использовать, получается быстро. Но такой вариант плохо подходит для android, к сожалению.
Одна из задач которая у меня была. Вывод списка задач из 1000+ элементов. В каждом компоненте задаче есть иконка статуса задачи, приоритета и тип. Вывод списка через FlatList. Когда я сделал это через WebView, производтельность была "не самая лучшая" мягко говоря. Сделав это через react-native-svg, я не заметил просадок. Так что на счет проблем с производительностью у этой библиотеки ничего плохого сказать не могу.
Khorark
Специально посмотрел... ничего принципиально в этом обсуждении не изменилось за год ))) Не всё так просто... мало рендерить svg как картинку, да и невозможно в общем случае. svg - это web-формат с поддержкой dom, css и javascript... если только очень узкое подмножество можно статически рендерить
Я к тому, что ни один из предложенных вариантов не показался мне "панацей". Все имели какие-то существенные минусы. Где-то производительность страдала, где-то слишком муторный процесс создания или преобразования
Khorark
svgr очень хорош на мой взгляд и почти закрыл все потребности)
Gena
Правда, кажется, недавно что-то на Swift попадалось, что заявляло лучшую чем у SVGKit поддержку на ios... надо ещё посмотреть на досуге, а то вдруг для ios уже можно нативный компонент смастрячить
Vall
всем привет, посоветуйте пикер, в котором можно выбрать вариант и еще дописать свой, есть какая-то либа?
Dmitry
Никто не сталкивался с таким багом. При использовании styled-component ввод в TextInput дергается, как будто ререндер
Vall
пикер чего ?
ну вот есть значния, человек может выбрать однго или другое, а может добавить свое(написать его через клавиатуру), я может не так объяснил..
Dmitry
Не сталкиваемся, так как не используем
Когда сказать нечего, а очень хочется
Vall
Radio group?
я понял о чем ты, 1 мин
Vall
Vall
вот селект
Vall
есть ли что-то готовое, где можно еще вписать свой вариант и выбрать его?
чей ты
чей ты
Придеться комбинировать , готовых не встречал
если есть время можешь посмотреть бмблиотеки компанетов http://www.awesome-react-native.com/
Gena
Никто не сталкивался с таким багом. При использовании styled-component ввод в TextInput дергается, как будто ререндер
А пробовали конкретно его не завернутым в styled использовать? Т.к. надо разделить, проблема и не в styled может быть... у него своих валом
Eugene
А вы styled случайно не в рендере написали?)
Kto?
https://facebook.github.io/react-native/docs/picker#docsNav
Dmitry
Причём неважно обернут ли сам инпут в withTheme или имеет стайлед контейнер
Eugene
А в нем нет никакого условия? Лучше показать код конечно же :)
Артем
Всем привет
Артем
Дизайнер предоставил иконки в png, мне их юзать или конвертировать в svg?
Артем
Насколько тяжелее приложению работать с png чем с svg?
Ruslan
Всем привет, для crud с firebase в пакете react-native-firebase надо Realtime Database или Cloud Firestore использовать?
Gena
Насколько тяжелее приложению работать с png чем с svg?
Ваше приложение не умеет работать с svg, только что обсуждали. Оно умеет работать с react-native-svg - это набор компонентов похожих на svg только названиями и частично семантикой поведения. Если их сравнивать, то Image, отображающий небольшую png будет работать _значительно_ быстрее, чем иерархия компонентов из react-native-svg, отображающая ту же картинку.
Gena
Я уж не говорю о том, что конверсия png -> svg вызывает довольно много вопросов сама по себе...
H
Всем привет как сделать чтобы кто то смог посмотреть мою апку на своем девайсе иос… у меня нет девелопер акаунта… спасибо зарание
Gena
Всем привет как сделать чтобы кто то смог посмотреть мою апку на своем девайсе иос… у меня нет девелопер акаунта… спасибо зарание
Вставить его девайс в свой компьютер шнурком и установить приложение из Xcode. Несколько дней будет работать.
H
Вставить его девайс в свой компьютер шнурком и установить приложение из Xcode. Несколько дней будет работать.
а по другому не вариант… ну как то я пробовал фабрик… нет такого по дистанционке?
Rinat
По svg ++ )
H
Какой-нибудь hockeyapp заюзать 🤔
ок шя попробую. спасибо
H
ок шя попробую. спасибо
сможете помоч? у меня баг(
Nick
сможете помоч? у меня баг(
Нужно смотреть что выше в логе
H
Нужно смотреть что выше в логе
я посмотрел говорят опят нужно девелопер акаунт. как мне покозать апку клиенту без него я все просмотрел(
Gena
Какой девелопер аккаунт, там яваскриптовая ошибка ( И что на скриншоте, вы вообще из xcode собираете это?
Gena
И вроде никто не говорил, что девелопер аккаунт не нужен? (ну я, по крайней мере)
Noname
Доброго времени суток! Возможно мне тут помогут с таким вопросом: Нужно решение для визуализации навигации в React Native. Итого должно получится вот такая вьюшка. Если кто-то работал - порекомендуйте либки.
Kto?
маршруты не строят
Noname
Гуглокарты берешь и готово. Маршруты строят, кастомные иконки пинов есть, оверлеи есть
Кеш реально организовать ? Увы не работал с ними на нейтиве.
Kto?
маршруты не строят
https://github.com/bramus/react-native-maps-directions
Kto?
вот это строит
Noname
Noname
Огромное спасибо