Кстати, чуть не пропустил (но гитхаб не дал забыть). Для меня один из очень важных багов, пофикшенных в RN 0.57, это контроллируемые `TextInput`ы под iOS... вот то, что его пофиксили, это круто... теперь можно спокойно делать поля с номерами телефонов, которые не дают вводить всякую чепуху, чисто цифровые поля и прочие фильтры... Баг появился после январских переработок кодовой базы, а сообщество пофиксить его не могло, т.к. там сложный код и экспертизы достаточной ни у кого не было.

Я смотрю товарищи из Expo и RN начали активно пиарить эту либу https://github.com/kmagiera/react-native-screens

делаю приложение которое запускается на телефоне подключеном к компьютеру, где посмотреть что выводит console.log http://localhost:8081/debugger-ui/ тут их нет

Всем привет. Подскажите, пожалуйста, как во flatList сделать скролл на последний элемент после добавления нового элемента? На данный момент скролл происходит на преподследний элемент. Использую mobx.

Всем привет. Подскажите, пожалуйста, как во flatList сделать скролл на последний элемент после добавления нового элемента? На данный момент скролл происходит на преподследний элемент. Использую mobx.

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

делаю приложение которое запускается на телефоне подключеном к компьютеру, где посмотреть что выводит console.log http://localhost:8081/debugger-ui/ тут их нет

remote debugger включен в приложении? (потрясти телефон или нажать меню, там второй пункт)

remote debugger включен в приложении? (потрясти телефон или нажать меню, там второй пункт)

включил, приложение не запускается, висит надпись downloading js bundle 100%...

после перезапуска должно работать

после перезапуска должно работать

да, все ок, спасибо

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

setTimeout тоже не помогает даже при 10 секунд

setTimeout тоже не помогает даже при 10 секунд

А как вы скролл делаете,

?

А как вы скролл делаете,

setTimeout(() => this.flatList.scrollToEnd({animated:true}), 200)

setTimeout(() => this.flatList.scrollToEnd({animated:true}), 200)

ща

Я смотрю товарищи из Expo и RN начали активно пиарить эту либу https://github.com/kmagiera/react-native-screens

Кристоф -- клёвый чувак. Хорошие либы делает.

setTimeout(() => this.flatList.scrollToEnd({animated:true}), 200)

Я подозреваю, что на момент скролла элемент еще не примонтирован, и таймаут в рядли тут поможет. Как должно работать? То есть есть список который промотан в начало, но при добавлении элемента должен проматываться в конец ?

Всем привет. Подскажите, пожалуйста, как во flatList сделать скролл на последний элемент после добавления нового элемента? На данный момент скролл происходит на преподследний элемент. Использую mobx.

А если requestAnimationFrame во второй параметр setState?

Я подозреваю, что на момент скролла элемент еще не примонтирован, и таймаут в рядли тут поможет. Как должно работать? То есть есть список который промотан в начало, но при добавлении элемента должен проматываться в конец ?

Да, при добавлении элемента список должен проматываться в самый низ списка, т.е. к добавленному элементу. При это данный элемент добавляется в список.

можно использовать inverted

Да, при добавлении элемента список должен проматываться в самый низ списка, т.е. к добавленному элементу. При это данный элемент добавляется в список.

А getItemLayout задан?

Может RN лениво геометрию пересчитывает.

А getItemLayout задан?

Создан. Ячейки различных размеров, поэтому беру высоту через onLayout

А если вместо scrollToEnd использовать метод скролла к элементу и указать номер последнего?

Создан. Ячейки различных размеров, поэтому беру высоту через onLayout

И как вы себе представляете тогда это должно работать? Смотрите, элемент добавился в конец и он не на экране (очевидно, иначе бы вам не пришлось его проматывать). Его размер не известен и будет известен только после отрисовки. А отрисовка произойдет только после скролла ))) Вот он и сколлится туда, куда может посчитать )))

Вообще, если вы в getItemLayout возвращаете что-то асинхронное (взятое из onLayout ячейки), то лучше этот параметр вообще убрать... он нужен как оптимизация, когда вы знаете размер, если не знаете, то лучше этот расчет оставить FlatList'у

А если вместо scrollToEnd использовать метод скролла к элементу и указать номер последнего?

Пытался, но не точно пролистывает.

Я же говорю... он не может

Если хотите хак, то сработает так... scrollToEnd, подождать onLayout, второй scrollToEnd...

Но это хак

Я же говорю... он не может

ок, попробую без getItemLayout.

Если хотите хак, то сработает так... scrollToEnd, подождать onLayout, второй scrollToEnd...

А зачем первый скролл?

Если это вам для чего-то похожего на чат надо (чтоб новые элементы снизу появлялись), то Dmitry уже написал, делайте inverted

А зачем первый скролл?

Чтоб заставить последний элемент отрисоваться и узнать свой размер

Чтоб заставить последний элемент отрисоваться и узнать свой размер

Понял, согласен.

Если это вам для чего-то похожего на чат надо (чтоб новые элементы снизу появлялись), то Dmitry уже написал, делайте inverted

Всмысле, инвертировать список элементов?

Нет, у FlatList есть св-во inverted. Он реально инвертируется. Т.е. первый элемент вашего списка показывается внизу... добавлять естественно надо в начало массива элементов.

Он под капотом реализован так: на контейнер применяется transform с инверсией, потом на каждый элемент обратный трансформ (чтоб он обратно с ног на голову перевернулся)... но вроде норм работает.

В итоге "top" списка у вас снизу... и задача сколлить вниз при добавлении вообще отпадает

Нет, у FlatList есть св-во inverted. Он реально инвертируется. Т.е. первый элемент вашего списка показывается внизу... добавлять естественно надо в начало массива элементов.

благодарю

Он под капотом реализован так: на контейнер применяется transform с инверсией, потом на каждый элемент обратный трансформ (чтоб он обратно с ног на голову перевернулся)... но вроде норм работает.

Работает отлично

Кто нибудь знает, как заставить hot-reload работать вместе с rnn v1 ?

по середине таба?

или всей длины табвью?

по середине таба?

Нет, такой же, шириной на весь таб, просто активный таб и эта полоса должны по середине находиться.

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

а либу какую юзаете?

https://github.com/valdio/react-native-scrollable-tabview

получается что все табы активные ровно по середине

кроме первого и последнего

И самих табов может быть 100?

привет! а RN нормально работает с gzip? я бекендщик, хочу зиповать пейлоады для RN-приложения

И самих табов может быть 100?

не проверял, на 20-30 работало

не проверял, на 20-30 работало

что за rnv2?

react-navigation v2

разве в реакт навигейшн можно такие табы сделать? ?

Переключите пожалуйста на другой таб

разве в реакт навигейшн можно такие табы сделать? ?

сам был в шоке, надо доки внимательней читать:D

Нифига себе. Даже не знал. А можно зациклить список табов?

вот этого уже не знаю, надо доки глянуть

а вообще вот https://reactnavigation.org/docs/en/material-top-tab-navigator.html#docsNav

а вообще вот https://reactnavigation.org/docs/en/material-top-tab-navigator.html#docsNav

А какой из пропсов отвечает за такую работу табБара? Найти не могу. И еще, важное, а табы можно свайпами листать? ну если вам нужно не third, а 10й таб к примеру, не будем же мы все экраны пролистывать чтобы перейти к 10му.

Нифига себе. Даже не знал. А можно зациклить список табов?

они его емнип отдельным пакетом хранят https://github.com/react-navigation/react-navigation/blob/master/package.json#L43

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

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

круто, спасибо

они его емнип отдельным пакетом хранят https://github.com/react-navigation/react-navigation/blob/master/package.json#L43

Спасибо

#ask how to fetching data based on id ??, I use this code https://pastebin.com/rBHSNyW8 get "description" === undefined ===, please help me

Всем привет, react-native-touch-id || react-native-fingerprint-scanner?

Всем привет, react-native-touch-id || react-native-fingerprint-scanner?

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

ребят вопрос по билду на bitrise

добавил adhoc конфиг, добавил схемы, у либ добавил конфу везде. при билде на bitrise вылезает 'React/RCTBundleURLProvider.h' file not found

Всем здравствуйте. Только начинаю разбираться и не могу понять, в чем различие между npm пакетами expo, expo-cli, exp?

А есть тут кто из Челябинска?

Есть какие то готовые Components которые вы советуете?

господа, и @kureev кто объяснит, почему в react-native: new Request - undefined ?

хотя он доступен в глобальном объекте windows в браузере

я сейчас про Fetch

хочу создать объект запроса, и в случае фэйла, использовать его ещё раз

может стоит запоминать параметры fetch?

ну это как вариант, создавать свой собственный объект request

просто не пойму, почему не работает

вообще, ты можешь создать свой Request, Response и Header объекты: https://github.com/facebook/react-native/blob/1151c096dab17e5d9a6ac05b61aacecd4305f3db/Libraries/Network/fetch.js

я думаю, без сниппета невозможно ответить на то, что работает "не так"

то есть должно работать.. понятно

то есть должно работать.. понятно

я никогда лично не пробовал, но судя по коду в полифиле - да, должно

спасибо

обращайся

Крашиться билд андрод приложения , Как вы решаете такие проблемы, в каком направлении начинать двигаться ?

Писать хороший код)

Эм, смотреть логи