flexbox... и как вы safearea вашим флексбоксом сделаете... (это я бузю...)... на самом деле флексбокс может и универсальный, но некоторые виды довольно часто встречающихся констрейнтов на нем ну очень не удобно моделировать (а в RN исполнении так и вообще невозможно)

Ну этот вопрос решается констрейнами =)

Ну этот вопрос решается констрейнами =)

В том то идело, что в RN их нет сейчас... Вообще когда yoga делали, оставили только возможность моделирования локальных ограничений (родительский элемент <-> дочерний)... А часто нужны глобальные... В браузерной верстке есть такая возможность, т.к. там position = static по умолчанию...

Более того... их не просто нет... их очень сложно туда вставить даже в нативе... т.е. yoga ещё и не расширяема абсолютно... Пруф: собственная реализация Text* в RN

Ребят, а кто-нибудь работал с темами для RN?

если да, то как это было, и где их брать

В том то идело, что в RN их нет сейчас... Вообще когда yoga делали, оставили только возможность моделирования локальных ограничений (родительский элемент <-> дочерний)... А часто нужны глобальные... В браузерной верстке есть такая возможность, т.к. там position = static по умолчанию...

Интересно, но у меня никогда не возникало проблем с позиционированием... Хотя, может не было таких кейсов

Ребят, а кто-нибудь работал с темами для RN?

посмотрите на native-base, там описано как темы менять для их ui

и как они нормик? я просто их никогда не юзал, всегда сам писал

Ребят, а кто-нибудь работал с темами для RN?

Можно сделать обертку и пропихивать контекст, как в Material

Ребят, а кто-нибудь работал с темами для RN?

В RN основные компоненты (Text, View, ScrollView) более низкого уровня, чем вам для тем нужны... Вот уже написали... есть наборы готовых чуть более высокоуровневых компонентов и для них можно реализовать поддержку тем (собственно там наверняка что-то есть)... У нас тема появляется индивидуальная в процессе разработки приложения когда накапливается набор компонентов используемых в этом приложении...

и как они нормик? я просто их никогда не юзал, всегда сам писал

разные мнения, разные люди, кто то плюется и стучит пяткой в грудь, что готовые ui гавно и делает сам. Лично я использовал native-base и избавился от необходимости все это писать самому

ну звучит не так уж плохо

спасибо, пойду потыкаю

ну звучит не так уж плохо

есть еще https://github.com/akveo/react-native-ui-kitten но его я не использовал, не чего не скажу, но вроде не плохой и там сразу темы есть, светлая и темная это точно знаю

Интересно, но у меня никогда не возникало проблем с позиционированием... Хотя, может не было таких кейсов

Ну вот у меня больной вопрос это SafeAreaView... Пример проблемы простой у вас есть полоса с кнопками внизу экрана (а-ля TabBar), но он полупрозрачный, т.е. контент под ним видно. Внутри в глубине этого TabBar (там ещё несколько контейнеров с паддингами разного размера), есть кнопки... TabBar прибит к низу... а кнопки должны быть в низу "безопасной зоны"... Безопасная зона, это цифра равная координате нижней границы экрана или меньше её. Она может меняться в runtime (к примеру телефон повернули, или что-то системное вылезло... это правда к верху больше относится, но сути не меняет). Вот и как такое сверстать? (Допустим компонента SafeAreaView нет, а есть только цифра) Так вот этот компонент как раз и пытается реализовать этот нелокальный констрейнт... Заметьте, не стили это позволяют, а специальный нативный компонент, который ещё и делает это криво (возможны зацикливания рендера)... Я пытался это переделать на схему без циклов. Для ios сделал, для android терпения не хватило в рамках отведенного таймлимита... потом доделаю м.б. https://github.com/vovkasm/react-native-safe-area-plus (гм... я даже не пушил на github андроид часть, похоже) И там видно, насколько не расширяема yoga в этом смысле...

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

Ну вот у меня больной вопрос это SafeAreaView... Пример проблемы простой у вас есть полоса с кнопками внизу экрана (а-ля TabBar), но он полупрозрачный, т.е. контент под ним видно. Внутри в глубине этого TabBar (там ещё несколько контейнеров с паддингами разного размера), есть кнопки... TabBar прибит к низу... а кнопки должны быть в низу "безопасной зоны"... Безопасная зона, это цифра равная координате нижней границы экрана или меньше её. Она может меняться в runtime (к примеру телефон повернули, или что-то системное вылезло... это правда к верху больше относится, но сути не меняет). Вот и как такое сверстать? (Допустим компонента SafeAreaView нет, а есть только цифра) Так вот этот компонент как раз и пытается реализовать этот нелокальный констрейнт... Заметьте, не стили это позволяют, а специальный нативный компонент, который ещё и делает это криво (возможны зацикливания рендера)... Я пытался это переделать на схему без циклов. Для ios сделал, для android терпения не хватило в рамках отведенного таймлимита... потом доделаю м.б. https://github.com/vovkasm/react-native-safe-area-plus (гм... я даже не пушил на github андроид часть, похоже) И там видно, насколько не расширяема yoga в этом смысле...

Ну это прямо нестандартный кейс)

Ну это прямо нестандартный кейс)

Я бы сказал стандартный... А вот ща ещё и Android с челкой вышел, вообще жесть начнется )

Я бы сказал стандартный... А вот ща ещё и Android с челкой вышел, вообще жесть начнется )

Честно, я 2 дня убил, чтобы сделать сборку проекта, после 2х недельного отпуска. Неясные ошибки, нестыковки пакетов, необходимость постоянно клинить, ребилдить, ирайзить кэши... Нет никакого желания заниматься разработкой под адройд, учитывая https://m.habr.com/post/425845

есть еще https://github.com/akveo/react-native-ui-kitten но его я не использовал, не чего не скажу, но вроде не плохой и там сразу темы есть, светлая и темная это точно знаю

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

а точно

Доброго времени суток всем! Кто нибудь сталкивался с проблемой вывода длинного текста с вложенными стилизованными кусками? то есть примерно такая структура <Text>текст <Text>индекс</Text> текст...</Text> Индексы имеют выделение цветом, меньший размер и повторяются много раз, только на андроиде в какой-то момент их стили пропадают (ios все ок). Выглядит так словно андроид не умеет в длинный вложенный текст со стилями

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

его не менял, пробовал вообще только цветом их выделять, первые 30% могут быть ок, затем стили теряются, и последние 20-30% снова появляются

Не удивительно учитывая сложность реализации этих компонент... но вообще бардак конечно, если сможете отдебажить что там (это натив скорей всего, хотя там и в js наворочено), то будет очень круто

Кто сталкивался с проблемой у Native Base компонента Thumbnail на iOS - не круг а какой обглоданный полукруг отображается

Нужет компонет для карты в кторый мы может использовать свою векторную карту, кто сталкивался с этой задачей ?

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

это был пример абсурда ?

случаем не включен дебаг в хроме? он может setTimeout портить, если время на андроид не соответсвует системному

на реальном девайсе тоже.

на реальном девайсе тоже.

я бы debounce сам написал и потестил

Где-то видел чтиво на тему, НЕиспользования стрелочных функций в методах, которые занимаются рендером, но найти не могу... Никто не видел/слышал такого?

разные мнения, разные люди, кто то плюется и стучит пяткой в грудь, что готовые ui гавно и делает сам. Лично я использовал native-base и избавился от необходимости все это писать самому

поэтому не удивлюсь, если узнаю, что вы не применяете этот архитектурный подход на разделения умных и глупых https://habr.com/post/266559/

Где-то видел чтиво на тему, НЕиспользования стрелочных функций в методах, которые занимаются рендером, но найти не могу... Никто не видел/слышал такого?

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

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

Берешь да гоняешь профайлером

так теоретики же)

И будут тебе все ответы про тормоза

Доброго времени суток всем! Кто нибудь сталкивался с проблемой вывода длинного текста с вложенными стилизованными кусками? то есть примерно такая структура <Text>текст <Text>индекс</Text> текст...</Text> Индексы имеют выделение цветом, меньший размер и повторяются много раз, только на андроиде в какой-то момент их стили пропадают (ios все ок). Выглядит так словно андроид не умеет в длинный вложенный текст со стилями

Было такое, вроде решил это тем, что обернул дополнительно во View каждый, но точно не помню. Костыль, но работало.

Где-то видел чтиво на тему, НЕиспользования стрелочных функций в методах, которые занимаются рендером, но найти не могу... Никто не видел/слышал такого?

вы про это? https://stackoverflow.com/questions/36677733/why-shouldnt-jsx-props-use-arrow-functions-or-bind

Было такое, вроде решил это тем, что обернул дополнительно во View каждый, но точно не помню. Костыль, но работало.

у меня есть родительский Text, а в него нельзя View :( такой хак вроде бы работает - сделал индексы в тройной Text (именно тройной, двойной не работает) иии так оно все показывает, вариант так себе конечно

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

на iOS говорят еще норм, но под Андроид(впрочем как обычно) могут быть тормоза.

вы про это? https://stackoverflow.com/questions/36677733/why-shouldnt-jsx-props-use-arrow-functions-or-bind

Не, так была русскоязычная статья. Суть была в том (могу ошибаться), что стрелочные функции всегда пересоздаются и являются анонимным, поэтому возможен вызов ререндеров, т.к. виртуальный дом не может их отслеживать, а НЕстрелочные не имеют таких проблем. Поэтому для любая функция, которая возвращает компонент, должна быть именной, а скажем хендлер клика - стрелочным

но вот найти не могу

Не, так была русскоязычная статья. Суть была в том (могу ошибаться), что стрелочные функции всегда пересоздаются и являются анонимным, поэтому возможен вызов ререндеров, т.к. виртуальный дом не может их отслеживать, а НЕстрелочные не имеют таких проблем. Поэтому для любая функция, которая возвращает компонент, должна быть именной, а скажем хендлер клика - стрелочным

Так я об этом и отправил. В jsx нельзя юзать стрелочные функции, поэтому приходится например вместо этого onPress={() => this.setState({ visibleSearchbar: true })} делать так: https://snack.expo.io/SkvrqaDuQ добавьте в свой eslintrc правило "react/jsx-no-bind": [ 1, { "ignoreRefs": 1 } ], и сразу все встанет на свои места

вопрос по pushnotificationios. Можно ли заставить remote notifications рисаваться в notification center даже когда приложение запущено?

вопрос по pushnotificationios. Можно ли заставить remote notifications рисаваться в notification center даже когда приложение запущено?

не знаю на счет remote, но локальные с https://developer.apple.com/documentation/usernotifications/, который с iOS10 точно можно, подозреваю что и remote возможно ?

вопрос по pushnotificationios. Можно ли заставить remote notifications рисаваться в notification center даже когда приложение запущено?

а PushNotificationIOS использует старое апи, которое зато меньше 10ки работает

Так я об этом и отправил. В jsx нельзя юзать стрелочные функции, поэтому приходится например вместо этого onPress={() => this.setState({ visibleSearchbar: true })} делать так: https://snack.expo.io/SkvrqaDuQ добавьте в свой eslintrc правило "react/jsx-no-bind": [ 1, { "ignoreRefs": 1 } ], и сразу все встанет на свои места

Ну это итак понятно, суть не в том, чтобы игнорировать, а в том чтобы разобраться в вопросе =)

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

вот в нормальном состоянии

any ideas?

вот в нормальном состоянии

Через image иконки?

Через image иконки?

да

да

Через svg делайте, проблем не будет.

попробуй rn-fast-image

попробуй rn-fast-image

ни одна библиотека не решила эту проблему, о которой он говорит

Через svg делайте, проблем не будет.

какая-то либа нужна? и все картинки в svg переводить?

ни одна библиотека не решила эту проблему, о которой он говорит

а в чем проблема?

какая-то либа нужна? и все картинки в svg переводить?

RN SVG нужен. Каждую иконку будете в SVG описывать. Я так сделал. Так как выше описал - ни одна из библиотек не решила эту проблему с отрисовкой. У всех, то отрисовывается, то нет. У большинства отрисовка после первого раза работает всегда, но только вот отрисовка в первый раз может хромать. В итоге я задолбался,сделал SVG и с тех пор таких проблем не возникало.

а в чем проблема?

Незнаю. Не изучал. Но факт остается фактом. У меня была проблема с отрисовкой кастомных маркеров на карте. Задолбался выяснять в чем проблема и пробовать разные либы. Только SVG решил вопрос с отрисовкой. Сами смотрите, это так, совет из опыта просто.

все равно не пойму, что за RN SVG, ткните в меня ссылкой если не трудно

картинки с сервера, тут react-native-svg не поможет

все равно не пойму, что за RN SVG, ткните в меня ссылкой если не трудно

https://github.com/react-native-community/react-native-svg

картинки с сервера, тут react-native-svg не поможет

мб будут свг присылать

мб будут свг присылать

Он прав, нельзя просто взять, загрузить SVG и отрисовать его. Надо подумать.

Привет! Можно ли в react native использовать библиотеки для построения графиков/диаграм на подобии hightcharts или amcharts ? Или же напрямую задействовать их не получится? Может кто что использует, какие-нибудь популярные решения для таких целей?

картинки с сервера, тут react-native-svg не поможет

https://github.com/vault-development/react-native-svg-uri

Привет! Можно ли в react native использовать библиотеки для построения графиков/диаграм на подобии hightcharts или amcharts ? Или же напрямую задействовать их не получится? Может кто что использует, какие-нибудь популярные решения для таких целей?

есть похожие либы

https://github.com/vault-development/react-native-svg-uri

спасибо, попробую

В Экспо, версия React Native практически всегда не самая свежая. На момент написания статьи Expo SDK 30.0.0 содержит версию React Native 0.55.4, а актуальная на данный момент 0.57. Например функция debounce не работает, под Android, в дебаг-режиме (активированная опция debug js remotely) для компонента TextInput, а это значит, что вы и ваши тестировщики не смогут протестировать ее на реальном девайсе или эмуляторе. Вам прийдется тестировать фичу после выпуска приложения в Google Play или ждать новую версию Expo SDK 31, где этот баг исправили и опять же там будет не свежая версия React Native 0.56 написал еще один абзац для этой статьи: https://medium.com/@playra/react-native-init-vs-expo-a9bf97df50db

Претензий нет?

Привет! Можно ли в react native использовать библиотеки для построения графиков/диаграм на подобии hightcharts или amcharts ? Или же напрямую задействовать их не получится? Может кто что использует, какие-нибудь популярные решения для таких целей?

Я использую highcharts в webview

В Экспо, версия React Native практически всегда не самая свежая. На момент написания статьи Expo SDK 30.0.0 содержит версию React Native 0.55.4, а актуальная на данный момент 0.57. Например функция debounce не работает, под Android, в дебаг-режиме (активированная опция debug js remotely) для компонента TextInput, а это значит, что вы и ваши тестировщики не смогут протестировать ее на реальном девайсе или эмуляторе. Вам прийдется тестировать фичу после выпуска приложения в Google Play или ждать новую версию Expo SDK 31, где этот баг исправили и опять же там будет не свежая версия React Native 0.56 написал еще один абзац для этой статьи: https://medium.com/@playra/react-native-init-vs-expo-a9bf97df50db

Не понял, почему на реальном устройстве нельзя протестировать?

Я использую highcharts в webview

И как полет ? Выглядит это красиво, без лагов/тормозов?

надеюсь у вас не commercial project

Не получается открыть дев меню на андройде, просто не реагируется на нажатие cmd+M

Никто не сталкивался с таким?

Не получается открыть дев меню на андройде, просто не реагируется на нажатие cmd+M

В доках есть как через adb открывать (там просто код нопки шлют)

В доках есть как через adb открывать (там просто код нопки шлют)

не работает это

я подозреваю, что опять не собирается

И как полет ? Выглядит это красиво, без лагов/тормозов?

на 30 тысячах точках вполне себе шевелится

я подозреваю, что опять не собирается

гм... да... а просто apk собирается с командной строки? типа gradle app:assembleDebug?

в том и дело

что все собирается без ошибок

очень странно

удаляю папку build делаю assembleDebug

из папки debug кидаю apk на эмулятор, где приложения нет. Устанавливается

смущает то, что обычно новое приложение спрашивает разрешение о перекрытии, а это нет..

ребята, обновил react-native-router-flux очень криво пашут переключения между экранами с какой то кстати экран возращается на предыдущий скрин автоматический а потом прыгает на следующий куда должно было по логике

Самое примичательно что, как бы я не собирал apk он не подключается к metro

так надо смотреть logcat, там обычно подробно все, даже лучше чем ios в сто раз)

однако здравствуйте