Gena
Тогда ответ тоже )
Ivan
как хэндлить айфон икс и андроид устройства с челкой?
Vladimir
как хэндлить айфон икс и андроид устройства с челкой?
https://facebook.github.io/react-native/docs/safeareaview.html
Ivan
ты доку читал?
Ivan
It is currently only applicable to iOS devices.
Gena
Да им... немного пропатченным. У стандартного есть недостатки:
1. Работает только с ios 11+
2. Вызывает циклический релайаут в yoga
Gena
3. Не работает на Android )
Ivan
ссылку пошаришь?
Ivan
есть готовый модуль или статья какая?
Gena
Для п.1 я делал пулл реквест, и он всё ещё висит в стадии "ммм... фейсбуки заняты переписыванием реакта на самый сложный язык в мире... чтоб ещё дольше баги править". Ссылка: https://github.com/facebook/react-native/pull/18534
Для п.2 мы стараемся минимизировать кол-во флекса в районах с SafeAreaView (и медленно думаем о написании более рабочего варианта решения).
Для Андроид... я пока не знаю решения, может есть в npm что-то... но придётся его узнать (или сделать) через пару месяцев, когда мы будем на эту платформу выходить.
Ivan
пасиб)
Gena
По поводу использования - идея простая... SafeAreaView просто добавляет паддинг такой, что всё что внутри - не налезает на коцаные части экрана. Заодно в эту область (собственно safe area) так же включаются системные UI, типа статус бара и подобного.
Ivan
это я понял из доки
Ivan
интересно как это хэндлить на ведроиде
Ivan
у меня еще один вопрос
Ivan
iOS < 11 зачем?
Ivan
на айфоне х по дефолту будет ios 11+ же
Gena
iPad + iPhone 4s
Gena
А...
Gena
Затем, что в safe area включаются системные UI типа статус бара
Ivan
вы поддерживаете iphone 4s?
Gena
Его мало... поэтому поддерживаем, если это не стоит времени. А вот ipad'ов старых много
Ivan
понятно, спасибо за ответ)
Valentin
Что касается людей, мне посчастливилось увидеться с РН командой (вот буквально вчера), с Реакт ребятами, и возможно я сам буду работать над инфраструктурой (в частности Metro 🚇). Одно точно скажу: это не полузагибающаяся команда, как может показаться. ФБ продолжает делать ставку на РН
Аааах! Всех видел, а меня не видел! 🙄
Valentin
Ну, я надеюсь🤞 я осенью слетаю к вам на туманный остров!
Valentin
что они собираются делать с нативными АПИ, и как это выразится
В том что касается Реакт Нейтив, Фейсбук очень открытая комания, _все_ работы что мы ведем над РН видны на гитхабе. Лучший способ найти все ответы на все вопросы - читать код. Если чего-то еще нету в виде кода, то скорей всего это означает что мы сами еще не решили как оно будет.
Valentin
Да, один из основных мотивов переделок - реализовать возможность синхронного взаимодествия между мирами (и так чтобы это не тормозило везде).
Gena
В том что касается Реакт Нейтив, Фейсбук очень открытая комания, _все_ работы что мы ведем над РН видны на гитхабе. Лучший способ найти все ответы на все вопросы - читать код. Если чего-то еще нету в виде кода, то скорей всего это означает что мы сами еще не решили как оно будет.
Дело не только в коде. )) Я когда-то даже ставил специальный баг, просто оставлю тут, чтоб было понятно как чувствует себя человек не из команды фейсбука, который пытается со всем этим разобраться: https://github.com/facebook/react-native/issues/17525
Александр
Ты имеешь ввиду внутриигровые или просто покупки типа на Apple Pay
Александр
Такси например
Aleksei
Дело не только в коде. )) Я когда-то даже ставил специальный баг, просто оставлю тут, чтоб было понятно как чувствует себя человек не из команды фейсбука, который пытается со всем этим разобраться: https://github.com/facebook/react-native/issues/17525
так коммиты же сам контрибутор составляет, они не модерируются и автоматом потом в ченджлог попадают, как я понял)
Aleksei
так коммиты же сам контрибутор составляет, они не модерируются и автоматом потом в ченджлог попадают, как я понял)
точнее даже не так, там в темплейте для PR есть место под Release Notes)
Anonymous
Ты имеешь ввиду внутриигровые или просто покупки типа на Apple Pay
Это вопрос на мое предыдущие сообщение, которое я удалил?
Gena
так коммиты же сам контрибутор составляет, они не модерируются и автоматом потом в ченджлог попадают, как я понял)
Проблема в том, что как раз внешние контрибьюторы практически всегда нормальные коммит-мессаджи пишут (там если и есть проблемы, то только связанные с продолжительным подвисанием PR по времени и модификациями в процессе). Те, коммиты, на которые я в багрепорте ругался это коммиты от фейсбука, они идут в обход github PR флоу.
И у меня есть теория (но, заметьте, никто из людей это не прокоммуницировал) - у них используется что-то типа монорепы внутри компании и они когда в каком-то продукте что-то правят, могут в рамках этой же правки модифицировать ядро RN, которое потом автоматом выльется в OSS вариант. Но это догадки про механику, они саму проблему не отменяют.
Gena
А ещё там есть система внутреннего коде-ревью (тоже догадки). И они на нее ссылаются в коммит-мессаджах, ничего больше, кроме этого номера не известно. )) Ща пример найду из последних.
Aleksei
Проблема в том, что как раз внешние контрибьюторы практически всегда нормальные коммит-мессаджи пишут (там если и есть проблемы, то только связанные с продолжительным подвисанием PR по времени и модификациями в процессе). Те, коммиты, на которые я в багрепорте ругался это коммиты от фейсбука, они идут в обход github PR флоу.
И у меня есть теория (но, заметьте, никто из людей это не прокоммуницировал) - у них используется что-то типа монорепы внутри компании и они когда в каком-то продукте что-то правят, могут в рамках этой же правки модифицировать ядро RN, которое потом автоматом выльется в OSS вариант. Но это догадки про механику, они саму проблему не отменяют.
догадки не беспочвены, я как то смотрел доклад с f8 про монорепу и про то что они в mercurial вкладываются в fb) имеет ли это отношение к RN неизвестно) я видел только номера тикетов в коммитах 🙂
Gena
А ещё там есть система внутреннего коде-ревью (тоже догадки). И они на нее ссылаются в коммит-мессаджах, ничего больше, кроме этого номера не известно. )) Ща пример найду из последних.
Вот пример "хорошего" коммита: https://github.com/facebook/react-native/commit/f090840f452a0fb8ddb9d7cdd657c419ca627c1c
А вот "плохой": https://github.com/facebook/react-native/commit/74627d48339150a98bd8f66019f4b5bc8f42a1ee (из него не ясно ни почему откатили, ни, если пройти к изначальному изменению, почему и зачем вообще это было нужно).
Aleksei
Anonymous
Где можно посмотреть как реализовать покупку через приложения на ReactNative, востонавления покупок?
Anonymous
Точнее внутри приложения
Slava
https://www.reddit.com/r/ProgrammerHumor/comments/8tlqo9/javascript_is_getting_real_tired_of_your_jokes/
Игнат
Ребят, кто-нибудь сталкивался с разработкой под android tv? Не могу на Mi tv box запустить liveReload. Кто-нибудь может подсказать как?
p
приветствую!
не понимаю почему эта строка
<Image style={styles.project} source={require('./img/projects/m' + n.toString() + '.png')} />
выдает ошибку:
calls to require expect exactly 1 string literal argument, but this was found: require('./img/projects/m' + n.toString() + '.png')
как в require параметр передать?
Nikita
ребят, кто опытный, подскажите как реализовывается адекватно авторизация в приложении
то есть как свитчить роутеры или правильно это все дело оформить
есть стекнав и табнав, на который нужно перейти зарегистрированному пользователю
Vladimir
а как тогда массив путей к изображениям представить?
Обьект заведите типа
const images = {
image1: require('./image1')
image2: require('./image2')
...
}
Vladimir
<Image source={images.image1} />
p
а если изображений 50? все 50 руками прописывать?
Vladimir
угу
Vladimir
могу еще предложить их на сервер положить, но я не знаю, должны ли ваши картинки в оффлайн быть доступны
p
с сервера не через require разве путь указывается?
Vladimir
нет
p
source.uri да?
Vladimir
йуп
p
и там можно динамически адрес уже указать
Eugene
а в require передать заранее подготовленную строку не пробовали?
p
похоже что на этапе билда он сначала все require собирает и ему пофиг на переменные
Vladimir
похоже что на этапе билда он сначала все require собирает и ему пофиг на переменные
да, так packager работает
p
конечно, все логично выглядит
p
спасибо большое!
Александр
а если изображений 50? все 50 руками прописывать?
require до выполнения процедуры вроде как подтягивается, так что надо указывать статику
p
require до выполнения процедуры вроде как подтягивается, так что надо указывать статику
да вот уже разобрались, нужно на сервере все хранить я так понял. тем более если изображений десятки
Władimir (Zae)
у нас хранились руты на .png на беке
George
ребят, кто опытный, подскажите как реализовывается адекватно авторизация в приложении
то есть как свитчить роутеры или правильно это все дело оформить
есть стекнав и табнав, на который нужно перейти зарегистрированному пользователю
Есть много разных способов, но я после авторизации в навигаторе просто делал reset на нужный экран без history
George
https://www.dropbox.com/s/z68dh3ai8w7oldt/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202018-07-04%2012.34.57.png?dl=0
Stas
да вот уже разобрались, нужно на сервере все хранить я так понял. тем более если изображений десятки
можете написать скрипт, который по списку файлов сгенерит js файл с require
George
Некоторые прям на уровне навигаторов делают переключение - если в приложении разные типы навигации
Stas
images.js
export default ({
image1 : require("resouces/image1.png",
image2 : require("resouces/image2.png",
})
component.js
import Images from "images"
const imageNumber = 1;
<Image src={Images['image' + imageNumber]}
p
можете написать скрипт, который по списку файлов сгенерит js файл с require
на ноде require-dir использую, что-то типа того самому сделать?
p
images.js
export default ({
image1 : require("resouces/image1.png",
image2 : require("resouces/image2.png",
})
component.js
import Images from "images"
const imageNumber = 1;
<Image src={Images['image' + imageNumber]}
так динамически не подставить адрес все равно
Stas
если у вас все картинки в одной папке, то не сложно напиасть nodejs скрипт, который генерит файл images.js до сборки проекта
Никита
еще вариант в ассеты положить - там вроде тоже динамически можно
Никита
но придется делать для двух систем
Oleg
Кто то покупал шаблон приложения такси от native base ?
Alexsandr
Никита
подскажите как искать про конструкции вида this.state.data.?name
недавно всплывала тема, но что-то найти не могу