У меня в Header TextInput привязался к onBlur

Не понял... что значит "привязался"? )))

А в качестве мыслей по скрытию клавиатуры, тут пришло в голову: Если в RN правильно bubbling работает, то по идее можно в TouchableWithoutFeedback обернуть около-рутовый элемент, который весь экран перекрывает и его использовать для скрытия клавиатуры. Т.к. тачи он будет ловить только те, что вложенными touchable не ловятся... но я не пробовал такое делать... если bubbling не работает, то это сглючит.

Не понял... что значит "привязался"? )))

если нажимаю вне клавиатуры, то она скрывается и срабатывает onBlur

если нажимаю вне клавиатуры, то она скрывается и срабатывает onBlur

А...

если нажимаю вне клавиатуры, то она скрывается и срабатывает onBlur

По ходу они так сейчас это и трактуют... https://github.com/facebook/react-native/blob/0.56-stable/Libraries/Utilities/dismissKeyboard.js#L18

Эта ф-ция дергается по Keyboard.dismiss

Эта ф-ция дергается по Keyboard.dismiss

??

Т.е. если я правильно понял, у них сейчас в принципе нет состояний "есть активное поле с фокусом и нет клавиатуры" и "нет фокуса нигде, а клавиатура есть"... по крайней мере концептуально. Я прям не уверен, что это совсем уж правильно, но это надо в нативные SDK лезть и копаться... долго...

Т.е. если я правильно понял, у них сейчас в принципе нет состояний "есть активное поле с фокусом и нет клавиатуры" и "нет фокуса нигде, а клавиатура есть"... по крайней мере концептуально. Я прям не уверен, что это совсем уж правильно, но это надо в нативные SDK лезть и копаться... долго...

Фокус в инпуте - клавиатура есть, если не в инпуте - клавиатуры нет. Было по другому?

Фокус в инпуте - клавиатура есть, если не в инпуте - клавиатуры нет. Было по другому?

Может и было... они там за год в этом районе много кода меняли... Я не уверен, что вот это всегда так жестко связанные вещи (клавиатура и фокус)... К примеру, на экране два приложения на iPad в split view и в одном нет фокуса на текстовом поле, а в другом есть и клавиатура... что с размерами первого приложения? должно оно как-то на это реагировать? Ещё вопрос... по реализации уже... они вот трекают фокус в JS в синглтоне сейчас вот здесь: https://github.com/facebook/react-native/blob/0.56-stable/Libraries/Components/TextInput/TextInputState.js... А ничего, что теоретически можно иметь в одном приложении на одном экране два Root View с двумя разными инстансами бриджа... по сути два полных экземпляра RN (я понимаю, что это неэффективно по памяти и т.п. но возможно же... может изоляция нужна на уровне JS)... И что? Весь этот трекинг фокуса идет нафиг...

Может и было... они там за год в этом районе много кода меняли... Я не уверен, что вот это всегда так жестко связанные вещи (клавиатура и фокус)... К примеру, на экране два приложения на iPad в split view и в одном нет фокуса на текстовом поле, а в другом есть и клавиатура... что с размерами первого приложения? должно оно как-то на это реагировать? Ещё вопрос... по реализации уже... они вот трекают фокус в JS в синглтоне сейчас вот здесь: https://github.com/facebook/react-native/blob/0.56-stable/Libraries/Components/TextInput/TextInputState.js... А ничего, что теоретически можно иметь в одном приложении на одном экране два Root View с двумя разными инстансами бриджа... по сути два полных экземпляра RN (я понимаю, что это неэффективно по памяти и т.п. но возможно же... может изоляция нужна на уровне JS)... И что? Весь этот трекинг фокуса идет нафиг...

любопытно и познавательно, спасибо!

Кто-то сталкивался с http://prntscr.com/klbztk ?

Кто-то сталкивался с http://prntscr.com/klbztk ?

Не слинковали (или не перебилдили) приложение после установки модуля.

Не слинковали (или не перебилдили) приложение после установки модуля.

делал и то и другое

делал и то и другое

Но цель не была достигнута так или иначе )

Это ios или Android?

Но цель не была достигнута так или иначе )

ios

ios

Откройте проект в Xcode, проверьте что линкинг есть (как же в xcode сложно описывать путь до настроек проекта, т.к. нет названий меню )))) 1. Ткните в проект (синяя иконка в навигаторе слева) 2. Ткните в вкладку General 3. Прокрутите вниз, там будет список библиотек (типа libReact.a, libRCTActionSheet.a и т.п.) в нем должна быть libBVLinearGradient.a или что-то типа

Откройте проект в Xcode, проверьте что линкинг есть (как же в xcode сложно описывать путь до настроек проекта, т.к. нет названий меню )))) 1. Ткните в проект (синяя иконка в навигаторе слева) 2. Ткните в вкладку General 3. Прокрутите вниз, там будет список библиотек (типа libReact.a, libRCTActionSheet.a и т.п.) в нем должна быть libBVLinearGradient.a или что-то типа

все это проделывал, все есть

все это проделывал, все есть

Запустите проект из Xcode в симуляторе (в отдельном терминале должен быть пакаджер запущен)

А, попробуйте перед этим сделать Clean (меню Product -> Clean)

А, попробуйте перед этим сделать Clean (меню Product -> Clean)

ок, сек

Есть ли возможность передать props в StyleSheet ?

Ух ты! Первый мой респект facebook'у... они за 24 часа смержили пулл реквест в react-native-fbsdk - неожиданно https://github.com/facebook/react-native-fbsdk/pull/390 Вот бы они так же быстро в RN реагировали...

Есть ли возможность передать props в StyleSheet ?

А кто мешает свой PropsSheet написать? там кода на один экран...

Ух ты! Первый мой респект facebook'у... они за 24 часа смержили пулл реквест в react-native-fbsdk - неожиданно https://github.com/facebook/react-native-fbsdk/pull/390 Вот бы они так же быстро в RN реагировали...

Валентин писал, что если нужно протолкнуть пулл реквест, то можно ему писать.

А кто мешает свой PropsSheet написать? там кода на один экран...

В дефолтный реально?

Валентин писал, что если нужно протолкнуть пулл реквест, то можно ему писать.

Я помню да... но это не должно так работать ))))

вчера увидел, как функцию передать можно: textStyle: { color: '#fff', fontSize: 28, width: w - 40, fontFamily: 'AvenirNext-DemiBold', ...ifIphoneX({ paddingTop: 75 }, { paddingTop: 50 }) },

вчера увидел, как функцию передать можно: textStyle: { color: '#fff', fontSize: 28, width: w - 40, fontFamily: 'AvenirNext-DemiBold', ...ifIphoneX({ paddingTop: 75 }, { paddingTop: 50 }) },

Это не передача ф-ции... это её вызов ))) она возвращает объект, который флеттится и мержится через Object.assign в объкт лежащий по ключу textStyle

Весь этот код выполняется до StyleSheet.create

Gena ты бог, на счет того что посоветовал через xcode запустить

Есть ли возможность передать props в StyleSheet ?

И я таки понял вопрос... сорри, сразу не сообразил... нет, нельзя... StyleSheet - должен быть глобальным объектом. Если надо туда пропсы передавать, то его надо конструировать внутри render... но это жутко медленно будет

Gena ты бог, на счет того что посоветовал через xcode запустить

Потому что так легче дебажить... реально...

Это не передача ф-ции... это её вызов ))) она возвращает объект, который флеттится и мержится через Object.assign в объкт лежащий по ключу textStyle

??

Потому что так легче дебажить... реально...

угу :DDDD

Ух ты! Первый мой респект facebook'у... они за 24 часа смержили пулл реквест в react-native-fbsdk - неожиданно https://github.com/facebook/react-native-fbsdk/pull/390 Вот бы они так же быстро в RN реагировали...

да эт вообще какие то рекордные сроки для опенсорса)

да эт вообще какие то рекордные сроки для опенсорса)

Ага... но я рад, что не форканул его с концами, как react-native-vkontakte-login, осталось дождаться релиза в npm и можно переключаться с установки с git, обратно. А вот react-native-share таки придется форкануть ((( Потому что там такое г. в коде, что я пожалел, что вообще это в проект допустил... притом большая часть его кода нам не нужна...

https://facebook.github.io/react-native/docs/actionsheetios

https://facebook.github.io/react-native/docs/actionsheetios

спасибо

react-native-maps. Карта прогружается нормально на всех апи, кроме 23. То есть, не грузится совсем. Видно только лого гугла, и все. Уже пробовал: менять версию апи ключа, градла, делать релизную сборку. Суть одна: карта работает на всех ведройдах, кроме шестого. Причём, какими-то магическими тыками по приложению всё-таки можно случайно заставить что-то загрузиться. Но все равно работает некорректно. Есть идеи или опыт?

react-native-maps. Карта прогружается нормально на всех апи, кроме 23. То есть, не грузится совсем. Видно только лого гугла, и все. Уже пробовал: менять версию апи ключа, градла, делать релизную сборку. Суть одна: карта работает на всех ведройдах, кроме шестого. Причём, какими-то магическими тыками по приложению всё-таки можно случайно заставить что-то загрузиться. Но все равно работает некорректно. Есть идеи или опыт?

сейчас протестил версия 0.20 нормально работает

сейчас протестил версия 0.20 нормально работает

Можешь скинуть конфиги?

Сравниваем то что выбрано в пикере и что выернул IOSPicker при onChange

Что это за магическая дата 24-25 Сентября 1989

Что это за магическая дата 24-25 Сентября 1989

день рождения сына маминой подруги

там часы ведь указаны, 20+3=23, 21+3=24=00 след дня

там часы ведь указаны, 20+3=23, 21+3=24=00 след дня

Я заметил , почему в пикере выбрано 24, а результат 23 ?

Ребята, а кто может подсказать как правильно работать с размерами элементов/шрифтов в RN, а то я постоянно смотрю в эмуляторе iphone 8 и решил открыть iphone SE и присел

а кто пилил очередь http запросов для своих react-native приложений?

@savelichalex поделитесь опытом

Я заметил , почему в пикере выбрано 24, а результат 23 ?

Потому что пикер вернул вам объект Date с датой, а не выбранные значения по раздельности. Этот объект сериализуется, как описано... ммм... в коде JSC той версии, которая у вас работает. Как видно из примера, это совпадает с https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toString

С датами в JS вообще много проблем... основная, на которую я постоянно напарываюсь - отсутствие интерфейса к текущей таймзоне... в смысле движок JS её знает и правильно с ней работает, а задать её извне и управлять ей на уровне JS вы не можете (

Мы если что... сейчас с датами только через moment в модели работаем... соотвественно все расчеты/сериализация через него...

Потому что пикер вернул вам объект Date с датой, а не выбранные значения по раздельности. Этот объект сериализуется, как описано... ммм... в коде JSC той версии, которая у вас работает. Как видно из примера, это совпадает с https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toString

Решил проблему установкой timeZoneOffsetInMinutes={0}

Решил проблему установкой timeZoneOffsetInMinutes={0}

Скорей всего нет. Потому что теперь ваши пользователи выбирают Date в Гринвиче. То, что вы сделали решает проблему, только если вы из возвращенного объекта достанете компоненты и будете отдельно использовать, а про сам Date забудете...

Ребята, а кто может подсказать как правильно работать с размерами элементов/шрифтов в RN, а то я постоянно смотрю в эмуляторе iphone 8 и решил открыть iphone SE и присел

Тут нет правильного решения... тут есть много решений разной степени паршивости... и это общая проблема и для веб и для мобилок, независимо от использования RN. Надеюсь остальные тоже поделятся своими решениями. Мы так делаем: 1. Считаем на старте приложения константу, которая домножается на все размеры (константа считается так, чтоб в небольших пределах компенсировать недостаток площади на мелких экранах, т.е. там она меньше 1, для больших экрананов она чуть больше 1 чтоб совсем уж много пустоты не образовывалось... 1 - это эталонный экран, мы обычно приводим к ней тот экран, на основе которого дизайнер рисовал дизайн, чтоб из спеков размеры один-в-один в код можно было переносить) 2. Сразу пытаемся верстать гибко... это подразумевает постоянные неудобные вопросы дизайнеру/заказчику, типа... а как этот элемент будет выглядеть, если имя пользователя будет размером с роман "Война и мир" без пробелов... ) 3. Периодически тестируем в разных симуляторах/эмуляторах на предмет необходимости поправить что-то...

А ещё, о ужас, пользователи могут проставлять в настройках своих девайсов увеличенный шрифт )))

А ещё, о ужас, пользователи могут проставлять в настройках своих девайсов увеличенный шрифт )))

?

ERROR: S client not available

?

Это фактически делает невозможной жесткую верстку )

Тут нет правильного решения... тут есть много решений разной степени паршивости... и это общая проблема и для веб и для мобилок, независимо от использования RN. Надеюсь остальные тоже поделятся своими решениями. Мы так делаем: 1. Считаем на старте приложения константу, которая домножается на все размеры (константа считается так, чтоб в небольших пределах компенсировать недостаток площади на мелких экранах, т.е. там она меньше 1, для больших экрананов она чуть больше 1 чтоб совсем уж много пустоты не образовывалось... 1 - это эталонный экран, мы обычно приводим к ней тот экран, на основе которого дизайнер рисовал дизайн, чтоб из спеков размеры один-в-один в код можно было переносить) 2. Сразу пытаемся верстать гибко... это подразумевает постоянные неудобные вопросы дизайнеру/заказчику, типа... а как этот элемент будет выглядеть, если имя пользователя будет размером с роман "Война и мир" без пробелов... ) 3. Периодически тестируем в разных симуляторах/эмуляторах на предмет необходимости поправить что-то...

1. Это подразумевает, что вы описываете какую-то функцию ~`scale` которая принимает размер и возвращает что-то типа size * 1.3 (где 1.3 это константа для определенного pixelration) ?

1. Это подразумевает, что вы описываете какую-то функцию ~`scale` которая принимает размер и возвращает что-то типа size * 1.3 (где 1.3 это константа для определенного pixelration) ?

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

В любом случае это арт уже )))

Я бы по-другому это назвал

Как угодно... но цель проста - если, к примеру, на нормальных экранах вы можете в списке показать 4 - 5 элементов с размером шрифта 17. То при таком размере шрифта на каком нибудь iPhone 4s это будет 2 элемента, что выглядит криво... там нужен шрифт меньшего размера. Вот этот множитель мы и "подбираем".

Как угодно... но цель проста - если, к примеру, на нормальных экранах вы можете в списке показать 4 - 5 элементов с размером шрифта 17. То при таком размере шрифта на каком нибудь iPhone 4s это будет 2 элемента, что выглядит криво... там нужен шрифт меньшего размера. Вот этот множитель мы и "подбираем".

Есть где-то пример такого подхода?

А ещё, о ужас, пользователи могут проставлять в настройках своих девайсов увеличенный шрифт )))

Просто глобально запрети в своей аппе изменение размера шрифта и всё

Есть где-то пример такого подхода?

От меня в паблике пока нет, к сожалению.

Просто глобально запрети в своей аппе изменение размера шрифта и всё

При этом надо не забыть не использовать системные шрифты, т.к. они разные на iOS/Android и в разных версиях доступны разные наборы шрифтов...

Очень нужна помощь. В проекте iOS после его конвертирования на pod’ы не собираются кастомные конфигурации

Я имею ввиду помимо release и debug

Я имею ввиду помимо release и debug

А что происходит? Какая ошибка? Эти дополнительные конфигурации слинкованы с libPods?

Ошибка при линковке не может найти lib%projname%

Ошибка при линковке не может найти lib%projname%

Вот сюда смотрели на параметр build_configurations? https://guides.cocoapods.org/syntax/podfile.html#project Я просто очень давно делал несколько конфигураций - не помню что там сейчас... вычитывает ли оно само все из xcodeproj или руками надо вписывать...

Да так я тоже пробовал эффекта не было

Гм... четно говоря на ум прям ничего не приходит. Несколько общих замечаний (которые я именно с RN огребал при конвертации на pods): 1. Дефолтный проект, который react-native init генерит, содержит зависимость на RN через схемы, их надо удалить все (иначе дубликаты библиотек типа libReact.a будут линковаться) 2. Дефолтный проект хардкодит header search paths так, что он не наследует вышележащий - ломает работу через workspace (может сейчас и не ломает, но у меня в чек-листе на проверку) 3. Постараться не пользовать frameworks (тоже, сейчас м.б. уже работает либо есть способ пофиксить, но у меня в чек-листе)

4. Всегда после pod install работать через workspace, никогда не открывать просто MyProject.xcodeproj

После exp detach, дабы нормально запустить проект, надо прописать в папке ios - pod install, а какие ещё шаги есть?

И соотвественно для андроида

После exp detach, дабы нормально запустить проект, надо прописать в папке ios - pod install, а какие ещё шаги есть?

Судя по тому, как у них выглядят шаблоны для Podfile... ничего ужен не надо туюнить. Надо всё поставить и слинковать npm install , cd ios && pod install

Судя по тому, как у них выглядят шаблоны для Podfile... ничего ужен не надо туюнить. Надо всё поставить и слинковать npm install , cd ios && pod install

Хм. Ну тогда я деган, умудрился оба билда положить, backup time

Хм. Ну тогда я деган, умудрился оба билда положить, backup time

Но я никогда не использовал экспо... так что лучше, если кто нибудь, кто юзал его ответит.

Лучше расскажет пусть тот, кому удалось при detach целый проект не сломать)

И успешно запустить*

Хм. Ну тогда я деган, умудрился оба билда положить, backup time

Один только вопрос. А пробовали открыть в Xcode Project.xcworkspace открыть (именно его, не xcodeproj) и сбилдить оттуда?

Один только вопрос. А пробовали открыть в Xcode Project.xcworkspace открыть (именно его, не xcodeproj) и сбилдить оттуда?

Пробовал

Две ошибки вылетели

Всего? )) Так это порешать можно... а что за ошибки?

Всего? )) Так это порешать можно... а что за ошибки?

Та хз, я домой собираюсь уже. Овертаймить дело не мое?