в офисе прицепил к 24 и норм

вот нашли где пофлудить

Вай блин, мы же по теме. Елки палки. 😱😱

15 тоже мало

Ну так больше нет, а моник в дорогу не варик)

Вай блин, мы же по теме. Елки палки. 😱😱

По какой такой теме? чет не вижу ничего RN специфичного

в офисе прицепил к 24 и норм

24 тоже мало, в офисе прицепил к 48 и норм

вот нашли где пофлудить

Не совсем же не потеме говорим. А то так можно группу назвать FAQ по RN и все. Типа только вопросы приветствуются и ни ни...

Не совсем же не потеме говорим. А то так можно группу назвать FAQ по RN и все. Типа только вопросы приветствуются и ни ни...

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

По какой такой теме? чет не вижу ничего RN специфичного

Ща сделаем. Короче вот я хочу под айфон писать на ReactNative жиЕстьЖе. Думаем вот какой бы мак бук взять, чтобы он адекватно собирал приложения. Хехе, лазейка.

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

Ну мне нормально отвечают. Даже вас взять. Ваш посоветованный в свое время RN interactable уже в проде юзается. Классная вещь. Не понимаю как они такой быстрой отрисовки добились. Даже в дебаг версии.

А 16гиговые хотя бы версии есть мак бук про?

есть, но в этом году будет уже с 32 гигами конфигурация

Ну мне нормально отвечают. Даже вас взять. Ваш посоветованный в свое время RN interactable уже в проде юзается. Классная вещь. Не понимаю как они такой быстрой отрисовки добились. Даже в дебаг версии.

Несколько сложных interactable Объектов сделал на скрине, верней, они всегда там стоят, для скорости отрисовки, со всякими списками, несколькими иттерациями и сортами в сортах, в таком духе, и выдвижение и анимаци обекта один фиг нереально быстро отривавывается, , вобще не понимаю как такого добились, но класно.

По какой такой теме? чет не вижу ничего RN специфичного

Давайте уже про реакт нэтив тогда. У меня маркеры на карте до сих пор не анимируются, хотя на чистом скрине анимация маркера работает. Есть идеи?

Несколько сложных interactable Объектов сделал на скрине, верней, они всегда там стоят, для скорости отрисовки, со всякими списками, несколькими иттерациями и сортами в сортах, в таком духе, и выдвижение и анимаци обекта один фиг нереально быстро отривавывается, , вобще не понимаю как такого добились, но класно.

Заинтересовался, посмотрел (только ios часть, я в ней быстрей ориентируюсь). Ответ - никак не добились они скорости. Это штатный путь RN реализации хендлинга тачей через чистый JS всё ему тормозит... Ребята просто использовали везде нативный функционал, а через медленный асинхронный канал связи с JS вывели только минимально необходимое, вот и всё... и вернули в свои вьюхи настоящую нативную скорость )

Они, кстати, майнтейнера ищут 😕

Кто делал что-то типа такого (вторая гифка)? https://github.com/bryankeller/BLKFlexibleHeightBar Нормально с чистым js получилось или подводные камни какие? Что служило триггером на увеличение высоты верхнего бара?

Использовали ли SafeAreaView при этом?

Заинтересовался, посмотрел (только ios часть, я в ней быстрей ориентируюсь). Ответ - никак не добились они скорости. Это штатный путь RN реализации хендлинга тачей через чистый JS всё ему тормозит... Ребята просто использовали везде нативный функционал, а через медленный асинхронный канал связи с JS вывели только минимально необходимое, вот и всё... и вернули в свои вьюхи настоящую нативную скорость )

https://www.youtube.com/watch?v=mjsv8NJnt5k или можно это посмотреть 🙂

Кто делал что-то типа такого (вторая гифка)? https://github.com/bryankeller/BLKFlexibleHeightBar Нормально с чистым js получилось или подводные камни какие? Что служило триггером на увеличение высоты верхнего бара?

такое https://medium.com/appandflow/react-native-scrollview-animated-header-10a18cb9469e ?

такое https://medium.com/appandflow/react-native-scrollview-animated-header-10a18cb9469e ?

Похоже! Спасибо! Погляжу!

Похоже! Спасибо! Погляжу!

я Large Header делал по мотивам этой статьи

Всем привет) кто нибудь делал смену темы со светлой на темную в приле?

я Large Header делал по мотивам этой статьи

Хэдер получался нескролящимся?

Я хочу сперва поэкспериментировать с той же техникой, что в нативном https://github.com/bryankeller/BLKFlexibleHeightBar, т.е. вытащить заголовок из ScrollView... если всё получится - отпишусь... пока опасаюсь, что контент в ScrollView будет дергаться при ресайзе...

В чат кто-то скидывал ссылку на реализацию подобной анимации в реакте. Если кто-нибудь сохранил был бы благодарен за ссылку.

Хотя на что я надеюсь в выходной 😂😂

прям пародия на полиглот

Видели? Класно сделали. https://apetools.webprofusion.com/app/#/tools/imagegorilla

ребят, нужна помощь) хотел использовать эту библиотеку github.com/NadiKuts/react-native-pull-refresh вместе с https://github.com/Flipkart/recyclerlistview В итоге произошла пролема: когда я передаю RecyclerList в PullRefresh, рендерится только один итем, хотя в сам лист содержит 100 итемов7 Как решить такую проблему?

ребят, нужна помощь) хотел использовать эту библиотеку github.com/NadiKuts/react-native-pull-refresh вместе с https://github.com/Flipkart/recyclerlistview В итоге произошла пролема: когда я передаю RecyclerList в PullRefresh, рендерится только один итем, хотя в сам лист содержит 100 итемов7 Как решить такую проблему?

FlatList и ScrollView в последних версиях содержат все что нужно и все работает, не надо сторонних библиотек

FlatList и ScrollView в последних версиях содержат все что нужно и все работает, не надо сторонних библиотек

Насколько я помню, они не справляются с рендером большого количества данных

Ну лучше в RN уже никто не справится, FlatList как раз и сделан чтобы рендерить большое количество данных 🙂

FlatList и ScrollView в последних версиях содержат все что нужно и все работает, не надо сторонних библиотек

у меня на 6тыс итемов список и с FlatList приложение очень глючило и вылетало, может я что-то не так деалал....

у меня на 6тыс итемов список и с FlatList приложение очень глючило и вылетало, может я что-то не так деалал....

> 6тыс итемов > может я что-то не так деалал... 🤔

у меня на 6тыс итемов список и с FlatList приложение очень глючило и вылетало, может я что-то не так деалал....

6к у меня не было, но около 1.5к было, думаю что-то не так делал. если кинешь код, можно будет понять что именно. только если код буешь кидать, то в личку

Вообще вопрос изначально был про pull-to-refresh

А по поводу вылетов - возможно есть что-то в корне неверное в UX где пользователю предлагают скроллить 6000 items

А по поводу вылетов - возможно есть что-то в корне неверное в UX где пользователю предлагают скроллить 6000 items

Конечно, такое не предлагается Имелось ввиду, что всего 6000, а достаются по 10штук из апи

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

у меня на 6тыс итемов список и с FlatList приложение очень глючило и вылетало, может я что-то не так деалал....

У нас есть списки на 5700 элементов в проде, и ничего, работает, не вылетает

У нас есть списки на 5700 элементов в проде, и ничего, работает, не вылетает

ну значит, я туплю, а лыжи то едут)

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

код елементарный case actionTypes.SAVE_ITEM_TAB_SAVED: return {...state, data: [...state.data, action.payload.item]}

saveItemToDb: (item) => { return (dispatch) => { saveItemToDatabase(item) .then(value => { console.log(value) dispatch({type: actionTypes.SAVE_ITEM_TAB_SAVED, payload: { item: value }}) }).catch(error => console.log(error)) }}

В смысле у вас console.log(value) вызывается, а экран не обновляется?

componentWillReceiveProps вызывается?

вызывается

componentWillReceiveProps(nextProps) { if (this.props.data.length != nextProps.data.length) this.forceUpdate() }

но это вызывает только ошибку null is not an object

да лог вызывается

Так не проверяйте длину, если data null

Задай initialState

Задай initialState

Или так

или defaultProps

componentWillReceiveProps(nextProps) { if (nextProps.data != null) { if (this.props.data.length != nextProps.data.length) this.forceUpdate() } }

ничего не изменило

Так не в nextProps дело

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

const initialStateTabSaved = { data: [] }

У вас изначально данных нет

const initialStateTabSaved = { data: [] }

Вот это где используется?

export const reducersTabSaved = (state = initialStateTabSaved, action)

Если у вас null, значит вы data где-то обнуляете, чудес не бывает

Если у вас null, значит вы data где-то обнуляете, чудес не бывает

case actionTypes.RELOAD_DATA_TAB_SAVED: return {...state, data: action.payload.data} break case actionTypes.SAVE_ITEM_TAB_SAVED: return {...state, data: [...state.data, action.payload.item]} break case actionTypes.DELETE_ITEM_TAB_SAVED: return {...state, data: action.payload.data} break

это все что в редюсере

кроме дефаул

Единственное что меня смущает

[TypeError: Object is null or undefined] line: 1090, column: 59,

появляется при первом сохранении

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

так может воткнешь редакс логгер и посмотришь какой стейт после какждого действия?

но ссылается оно, для меня, не понятно на что

так может воткнешь редакс логгер и посмотришь какой стейт после какждого действия?

сейчас попробую

как то так

проблема в том, что данный редюсер не инициализирует данные своего стейта

по какой-то причине

если сохранить - удалить - сохранить

стейт инициализируется и все начинает работать как нужно

может кто прочитает и подскажет, кину код самого создания стора 🙂

const rootReducer = combineReducers({ reducersExploreTab, reducersMainContainer, reducersTabSaved, }) export function configureStore() { const store = createStore(rootReducer, applyMiddleware(thunk, logger)) return store }