а видео в гиф можно и онлайн переделать

ага

Так это еще проще ) Мак?

ага

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

В скетче еще можно анимировать, то что вы хотите получить в результате и формировать задачу не словами а гифкой http://sketchapp.me/prototipirovanie-ne-vyxodya-iz-sketch-s-pomoshhyu-mirr-io/

о, найс

@playra , спасибо за советы. вот гифка. Функционал - листалка как на гиф.

Найс) В одной View все как я понял.

Разделите

ну да

в одной

Что вам мешает сделать в разных?

сейчас реализовано как FlatList для android и ListView для ios, но после обновления react-native до 0.50.. отваливается android решение

гифку побырому сваять?

licecap установи

в renderItem у вас что лежит?

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

зачем?

мне надо чтобы всё листалось

Сейчас разве не все листается? Тогда я не понимаю задачу.

аналогично, вы бы написали чего отваливается если обновится до 0.50 да и все

может люди помогли бы решить ошибку

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

вот

зачем обязательно через список решать?

необязательно

спрашиваю, как правильно

вот

надо чтобы еще и хэдер с таббаром листался? )

берешь любую карусель и точки просто абсолютом поверх рисуешь

в гифке - всё работает как надо. но реализовано старыми задепрекейчеными способами

вот и спрашиваю, какими компонентами сейчас актуально делать такие вещи

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

ну FlatList например сейчас кросплатформенный

а зачем там FlatList?

он всегда был кроссплатформенным ?

для iOs cделано через ListView

который deprecated

вот и спрашиваю, какими компонентами сейчас актуально делать такие вещи

вот вам карусель готовая, там и пилите https://github.com/archriss/react-native-snap-carousel

а зачем там FlatList?

а что там?

так берешь обычный свайпер и все

вообще не оч понимаю зачем список, там же не так много элементов

и вообще я бы в свайпере сделал чтобы только 3 рендерились как максимум

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

perfomance это круто

вот к примеру еще карусеть https://github.com/FuYaoDe/react-native-app-intro

готовых решений полно

да я не ищу готовых

и не понимаю зачем мне нужны сторонние вещи, когда всё есть в react-native

без вот этих вот каруселей-велосипедов

а SectionList для чего?

для списка с секциями

например когда надо чтобы заголовок секции прилипал при скроле

понял

мда, странно, зачем тут прилепили flatlist

так берешь обычный свайпер и все

например

и можно ли будет там скроллить вертикально открытый item ?

например

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

и не понимаю зачем мне нужны сторонние вещи, когда всё есть в react-native

Если продолжить ход вашей логики, то тогда зачем вам велосипед react-navigation , может реализовать свой проект на том что есть в react-native? Новые компониенты пишутся в оупен сорсе не для того чтобы сломать ваше приложение, а для того чтобы вы сэкономимили тучу времени. В этом и уникальность Nodeовой разработки, по которой, если вы загляните исхоники, собран в том числе и сам react-native и благодаря которой она экспотанциально набирает обороты в девелоперском мире. Видили сколько всего сторонего тянет React-Native? https://github.com/facebook/react-native/blob/master/package.json По вашему стороние зависимости это плохо?

я понимаю

но вы @playra мне предложили использовать карусель построенную на FlatList

у меня уже есть своя рабочая на flatList , просто нужно устранить конфликты с версией react-native 0.50

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

уверен именно по этому тут у всех идет недопонимание вашего вопроса

я спросил "ваш опыт и кто как делает"

у меня уже есть своя рабочая на flatList , просто нужно устранить конфликты с версией react-native 0.50

или откатится назад) через несколько недель версия 50 будет уже старой))) В этой гонке не угнаться. Главное чтобы приложение работало и устраивало клиентов.

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

или откатится назад) через несколько недель версия 50 будет уже старой))) В этой гонке не угнаться. Главное чтобы приложение работало и устраивало клиентов.

блин, клиенту нужен iphone x. если бы было просто - я бы откатился

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

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

блин, клиенту нужен iphone x. если бы было просто - я бы откатился

классный хэдер на заметку https://github.com/kyaroru/RNParallax

так как мне iPhone x задетектить без react-native 0.50 ?

есть какие-то варианты?

блин, клиенту нужен iphone x. если бы было просто - я бы откатился

на 50 версии iPhone X работает разве только?

а что device info не определяет X версию?

вроде нет

проверю

я бы проверил, но у вы я с дебиан работаю и нет айфон Х)))

ну если только проверять размеры экрана и на них завязываться

метод getModel() не выдает X версию?

DeviceInfo.getModel() ?

ну может если сторонный пакет какой-то использовать, можно попробовать таргетировать

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

какие два критичных бага?

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

Вот такой конфликт во flatList после обновления до RN 0.50: Invariant violation: changing onViewableItemsChanged on the fly is not supported

какие два критичных бага?

1. Многострочный TextInput если вы меняли высоту через onContentSizeChange, вас ждет проблема, после расширения поля на 5 строк, все последующие набираемые строки будут скрываться, вы не видите напираемый текст пока сами вручную поле не прокрутите вниз. 2. В этом же многострочном TextInput на андроид 6.0 именно на устройствах, тап по Энтер на клавиатуре не переводит текст на новую строку, хотя в эмуляторе все нормально, на андроид 4.2, 4.4.4, 7.0, 7.1 на устройствах такого бага нет

если 1 баг есть в issue и его обещают пофиксить, то что делать со вторым я пока не знаю

DeviceInfo.getModel() ?

не да, в документации к девайс инфо указан этот метод, якобы должен выдать Iphone 6 ну в вашем случае поди будет Iphone X

линк?

пишет, что is not a function

https://github.com/rebeccahughes/react-native-device-info

ну это сторонний

пакет

надо попробовать

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

понял, благодарю

есть предположение что используют у себя в этом пакете Platform, проверяют iOS ли это, а потом чекают Scale и размер экрана - и вот тебе и iPhone X

у вас есть отличный способ проверить, исходный код открыт :) в адроиде оно на стороне java проверяет, в ios думаю так же

есть предположение что используют у себя в этом пакете Platform, проверяют iOS ли это, а потом чекают Scale и размер экрана - и вот тебе и iPhone X

если ты про тот что выше скинули, то нет