Всем привет. Кто-нибудь знает, как заставить FlatList показывать только определенное количество айтемов из массива во время скролла? Например у меня есть 100 элементов, я хочу, чтобы отображались всегда только 10 при скролле, а те, что ниже и выше, убирались. Нужно для оптимизации. Подобный эффект наблюдал только когда рендерил больше 1000 айтемов, и около 100 из них, ближайших к области видимой юзеру, отображались. Можно ли как-то настроить количество ближайших айтемов, которые должны отобразиться в области, видимой юзеру?

разве флатлист не делает это за тебя?

ага

flatlist как раз для этих целей

поэтому listview ушел в deprecated

возможно вы ищите removeclippedsubviews

свойство

да, FlatList это делает, но он слишком много айтемов рендерит, у меня уже на 40 начинает лагать, при добавлении нового айтема. Я хочу попробовать сделать так, чтобы в один момент было около 10 айтемов

возможно вы ищите removeclippedsubviews

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

да, FlatList это делает, но он слишком много айтемов рендерит, у меня уже на 40 начинает лагать, при добавлении нового айтема. Я хочу попробовать сделать так, чтобы в один момент было около 10 айтемов

Попробуйте optimized flatlist, только по мне, он как то слишком экономит.

А что это за optimized?

Слава нативному рекуклеру в ведре

Он все могет

Попробуйте optimized flatlist, только по мне, он как то слишком экономит.

оо, большое спасибо

Слава нативному рекуклеру в ведре

шта?

шта?

Recyclerview в андроиде

да, FlatList это делает, но он слишком много айтемов рендерит, у меня уже на 40 начинает лагать, при добавлении нового айтема. Я хочу попробовать сделать так, чтобы в один момент было около 10 айтемов

10? а если экран большой?

10? а если экран большой?

Тогда 11. ?

To infinity and beyond ?

10? а если экран большой?

мм, ну тогда не 10, а по несколько догруженных с обеих сторон вне экрана. Походу мне вообще VirtualizedList нужен, а не FlatList

подскажите, есть ли какие-то способы побороть жирнеющий шрифт на android? на ios рисуется где-то в полтора раза тоньше

Посоветуй хороший модуль для работы с gps( в частности с бекграунд модом)

да, FlatList это делает, но он слишком много айтемов рендерит, у меня уже на 40 начинает лагать, при добавлении нового айтема. Я хочу попробовать сделать так, чтобы в один момент было около 10 айтемов

А ты тестил на релизных сборках и без консоль логов?

И в правду, иногда различия скорости работы дебага и релиза просто поражают.

А ты тестил на релизных сборках и без консоль логов?

да, просто у меня динамический список с добавлением, удалением и анимацией

В какую сторону? Лучше или хуже? Или по разному

И в правду, иногда различия скорости работы дебага и релиза просто поражают.

В какую сторону? Лучше или хуже? Или по разному

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

Показал релиз коллегам и сказал, смотрите, есть же все равно задержка, в МС 10-30 может, ну не знаю, примерно, на что мне сотрудники ответили, мол, что это у меня в голове задержка, а приложение работает просто отлично и они не видят никаких артефактов в работе.

нативные списки тоже могут подлагивать, если постараться

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

какую навигацию используете?

нативные списки тоже могут подлагивать, если постараться

Ну вот у меня по ФПС например жестоко лагает в плеймаркете экран, где список установленных приложений же есть, ужасно просто лагает. Видно проседание ФПС невооружённым глазом.

какую навигацию используете?

React Navigation v2.

да, просто у меня динамический список с добавлением, удалением и анимацией

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

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

возможно, может сами компоненты айтемов плохо оптимизированы

возможно, может сами компоненты айтемов плохо оптимизированы

Так и есть же. Вы так и не посмотрели оптимизед флэтлист?

В стиле Тао бао сделан образец и специально просто огромнейший список.

React Navigation v2.

нет проблем с оптимизацией? чисто джаваскриптовая навигация все таки

Так и есть же. Вы так и не посмотрели оптимизед флэтлист?

сегодня попробую

попробуй вместо лист итемсов ренедрить <Text />

нет проблем с оптимизацией? чисто джаваскриптовая навигация все таки

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

сегодня попробую

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

нет проблем с оптимизацией? чисто джаваскриптовая навигация все таки

Сейчас пришлю скрин, посмотрите.

Здесь есть анимация раскрытия списка заказанных блюд, несколько итераций, подсчет общей стоимости и стоимости с дополнительными опциями, таких элементов в этом списке около 400, здесь используется обычный скролл Вью и он абсолютно не лагает.

по сложности примерно так же. Просто у меня проблема именно во время добавления нового айтема. Перед добавлением все замирает на пару секунд. Чем больше уже зарендереных айтемов - тем больше задержка

а что за модуль поверх рисует данные на тулбаре? для чего это?

по сложности примерно так же. Просто у меня проблема именно во время добавления нового айтема. Перед добавлением все замирает на пару секунд. Чем больше уже зарендереных айтемов - тем больше задержка

Понятно, ну попробуйте тот флэт лист, потом напишите тоже результат, интересно самому, ещё посмотрите, может действительно о добавлению в методах есть что-то блокирующее?

нативные списки тоже могут подлагивать, если постараться

Постараться залагать нативный, или постараться не залагать flatlist ?

Понятно, ну попробуйте тот флэт лист, потом напишите тоже результат, интересно самому, ещё посмотрите, может действительно о добавлению в методах есть что-то блокирующее?

хорошо. Я думал, что блокирует редакс персист и гугл аналитика, но отдебажил и понял, что именно в рендере айтемов проблема

а что за модуль поверх рисует данные на тулбаре? для чего это?

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

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

аа, понятно, спасибо

А как вообще дебажить приложения на react-native? Как его открыть с панелью разработчика от WebKit?

А как вообще дебажить приложения на react-native? Как его открыть с панелью разработчика от WebKit?

Плюс, как можно дебажить на Винде при разработке под андроид?

Плюс, как можно дебажить на Винде при разработке под андроид?

?

Плюс, как можно дебажить на Винде при разработке под андроид?

и апи продакшеновский еще под линукс, да ? ))))

Ну там вроде ремоут дебаг же есть. Локально он хорошо работает.

Ну там вроде ремоут дебаг же есть. Локально он хорошо работает.

Это то есть мне нужно запустить эмелятор, нам нём запустить приложение и там выбрать Удаленный дебаг?

Это то есть мне нужно запустить эмелятор, нам нём запустить приложение и там выбрать Удаленный дебаг?

Ну да. Только я с локальными разработками неочень знаком. Но вроде ремот дебаг работает, сколько статей смотрел.

Спасибо за фотку доты с консолькой Source Engine

Спасибо за фотку доты с консолькой Source Engine

Что вы что вы. Это даже вторая версия сорса. Но на самом деле хорошо видно как кажды сервис прописан и как минимум видно откуда и что приходит, потому что когда тысячи строк, уже становится неопнятно если сервисы не именовать )

[Panorama] DispatchAsyncEvent backlog, failed to dispatch all this frame. Remaining queue depth: 4609 (was 5823)

Ладно, заранее извиняюсь за флуд.

А как вообще дебажить приложения на react-native? Как его открыть с панелью разработчика от WebKit?

для дебага круто использовать Reactotron https://infinite.red/reactotron, особенно если юзаете redux

Плюс, как можно дебажить на Винде при разработке под андроид?

AS с этим справляется на ура

axios. как можно изменить global переменную в блоке .then(global user = data.data) ?

axios. как можно изменить global переменную в блоке .then(global user = data.data) ?

Глобал это не по канонам

Если это не кс:го

axios. как можно изменить global переменную в блоке .then(global user = data.data) ?

знакомая задача, это асинхронный запрос ?

поэтому либо используй await

либо дальше в then все прокручивай

подозревая твой вопрос- без await никак

знакомая задача, это асинхронный запрос ?

(все запросы асинхронные)

ну и соответственно блок внутри функции async, далее try {} catch(error){}

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

знакомая задача, это асинхронный запрос ?

проблема в том, что требуется время для ответа от сервера ? в этом суть ?

проблема в том, что требуется время для ответа от сервера ? в этом суть ?

это сложно осознать, например после пхп, примерно - да, просто такой асинхронности в Реакте и JS  c 2015 года оч много

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

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

await кажется в 2017 в начале появился

просто let a = await axios(..).then((data) => return data)

(примерно)

или this.a = ... - получаешь глобальную переменную

но стопишь весь скрипт и запрос становится как бы синхронным ?

Спасибо за объяснение, оказались пробелы в синх / асинх.

ага ? нет проблем

ага ? нет проблем

Трабл с Promise.solved(). Я жду в ответе мой словарь, но получаю Promise. Можно ли его заблокировать ? Т.е. чтобы Promise не возвращался. https://gist.github.com/ersul4ik/1e9f8c27533271c139417f6cbd1d151c

Либо достать только [[ PromiseValue ]]

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

Тоесть await стопит поток? Где про это почитать можно? Просто вникаю в ассинхронность там грят типо вот поток не стопится и тд, памаги

Стопит поток может когда запрос вернулся?

он не стопит, он заставляет ждать ?

пока выполнение пройдет