Artur
ребят, доброе утро, как добавить скроллвьюшке горизонтальной отступы в начале и конце скролла? типа что бы они скроллились по фулл ширине. сейчас в голову пришел вариант первому и последнему элементу задать. Но как это правильно сделать, если я, скажем, буду мапить обьект и выводить список чего-либо внутри скролла
nth-child нет, но методом несложных манипуляций добиться одинаковых отступов снаружи и между элементами можно так: 0. Допустим, нужно везде по 8. В формировании финального визуального отступа участвует 2 элемента списка, поэтому 8 / 2 = 4. 1. У списка:` style={{ paddingVertical: 4 }} 2. У каждого элемента списка: style={{ marginVertical: 4 }} ` То же самое и для горизонтального, только с` paddingHorizontal и marginHorizontal`
Vitaliy
Здравствуйте товарищи. Извините за возможный дубль вопроса, но скажите, мне необходимо использовать в приложении react-native-webview, в нем загружать index.html (из файла желательно) в котором будут ссылки на другие JS/CSS файлы. Не подскажите ли как это можно сделать, пока успехов не добился. Если есть конкретный работающий пример, буду очень рад наводке или помощи. Заранее спасибо. По требованию неоходимо использовать expo
без expo подсказал бы, делал подобное. на expo (без eject) - не знаю, там скорее всего придётся всё через expo-asset подгружать (и соответственно разбираться какие пути использовать для файлов в webview либо делать какой-то парсинг для подстановки нужных путей к локальным js/css в html файле из assets) или js/css с внешних cdn брать. вот здесь пример для загрузки html есть, возможно даже рабочий: https://forums.expo.io/t/how-to-use-local-html-files-for-webview-in-expo/32421
Alex
Кто-то сталкивался может. Через xcode проект запускается, но через консоль получаю error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65.
Alex
Куда смотреть?
Vitaliy
схему не нашёл. почему - не скажу, это в настройки проекта уже нужно смотреть.
Vitaliy
Что можно сделать в таком случае?
открыть в xcode и проверить что всё настроено https://developer.apple.com/library/archive/documentation/ToolsLanguages/Conceptual/Xcode_Overview/ManagingSchemes.html
RedTeapot
@Midas_wright This chat is not for hiring
New Gen Taoist ☯️
Do you have a hiring chat?
RedTeapot
Well, there are some: @react_native_jobs, @mobile_jobs, @javascript_jobs, but they are Russian
New Gen Taoist ☯️
dan
Как можно поменять zIndex у айтема в FlatList? Просто задать zIndex у контейнера в компонента айтема резаультатов не приносит.
Vitaliy
Через боль)
zIndex в RN вообще через боль. особенно на android
dan
Получается такая вещь.
Alexsandr
Получается такая вещь.
Смотри в строну setNativeProps
dan
Смотри в строну setNativeProps
Тоже безуспешно.
dan
у faltlist есть незадокументированный props CellRendererComponent
Как его нужно правильно определить, чтобы повысить zIndex?
Evgeniy
у меня это так, currentItemIndex надо устаналивать когда начинаешь драгать элемент CellRendererComponent = ({ children, index }) => { return( <View style={ index === this.state.currentItemIndex && globalStyles.zIndex }>{children}</View> ); } renderItem = element => { return( <Photo … /> ); } … <AnimatedFlatList data={ photos } renderItem={ this.renderItem } keyExtractor={ this.keyExtractor } style={ globalStyles.fullViewWidth } scrollEventThrottle={ 1 } onScroll={ this.onScroll } onScrollEndDrag={ () => { firebase.event( `${ nav.prevScreen }_${ nav.currentScreen }_scroll` ); }} onViewableItemsChanged={ this.onViewableItemsChanged } getItemLayout={ this.getItemLayout } contentContainerStyle={[ globalStyles.alignCenter, { paddingHorizontal: sizes.previewMargin, }]} snapToInterval={ sizes.previewWidth } showsHorizontalScrollIndicator={ false } overScrollMode={ config.isIos ? 'auto' : 'never' } decelerationRate={ config.isIos ? 0 : 0.82 } initialScrollIndex={ this.initialScrollIndex() } CellRendererComponent={ this.CellRendererComponent } directionalLockEnabled removeClippedSubviews pagingEnabled horizontal />
Evgeniy
у меня почти такая же ситуация, горизонтальная лента с жестами на gesture-handler и reanimated, все работает
dan
У тебя FlatList из rn ? или rngh?
Evgeniy
import Animated from 'react-native-reanimated'; const AnimatedFlatList = Animated.createAnimatedComponent( FlatList ); но не думаю что это влияет
dan
Ну мне вообще анимировать флэтлист не требуется. Мне только карточки в листе.
Evgeniy
да, и я про это. на андроиде zindex работает не совсем так, как ожидаешь. можешь попробовать еще overflow элементу задать
dan
Тоже пробовал.
dan
const renderCell = ({ children, index }) => { return <View style={{ zIndex: index === 0 ? 900 : index }}>{children}</View>; };
dan
Вот так захардкодил для теста. 0 реакции.
Evgeniy
попробуй elevation тоже побольше поставить
dan
Какой-то прогресс. Спасибо. Сейчас попробую добить.
Evgeniy
ты юзаешь numColumns?
dan
Верно.
Evgeniy
по сути он не делает колонки. под капотом получается что у тебя все равно 1 колонка, внутри ее вью, которая делится на количество numColumns и туда пихает renderItem. может помочь задавать zindex внутри элемента еще
dan
Пробовал)
Evgeniy
не помогло?
dan
Нет. Ну сейчас плавающая карточка перебивает другие колонки, как и надо. Осталось победить рядом стоящую и готово. Возможно повысив elevation у карточки поможет.
dan
Готово. В общем в CellRendererComponent повысить elevation, а в renderItem zIndex/elevation на выбор повысить. Тогда плавающая карточка ведет себя как и требовалось. @ProkopievEvgeni спасибо.
dan
Не знал, что elevation в подобном кейсе потребуется.
dan
Интересно, что TS не подсказывает этот prop для FlatList. Он наследуется от VirtualizedList, но почему тс этого не понимает странно.
Михаил
ребят, что взять, что-бы такой слайдер сделать? https://github.com/archriss/react-native-snap-carouselhttps://github.com/archriss/react-native-snap-carousel подойдет?
Михаил
Сделай точки сам
а как перелистывание делается с помощью reactnavigation? можно пожалуйста ссылку
Alexsandr
PagingEnabled
Alexsandr
PagingEnabled
Horizontal
Alexsandr
Все
Alexsandr
Все тебе весь пагитнатор
Никита
Скроллвью
там баг есть на андроиде. Если палец при скроле за пределы экрана увести то скрол останется на этом положении - не доскролит страницу. Приходится обходить через ViewPager на андроид Но в целом да - лишний раз лучше не тянуть snap-carousel, баги какие то постоянно лезут
Михаил
спасибо
Андрей
Всем привет, где хранить переписки, приватные смс и прочее? В локальной базе или же постоянно грузить с сервака?
Alexsandr
как тебе удобно
Alexsandr
если в локальной базе
Alexsandr
то можно будет историю посмотреть без инета
Alexsandr
если с сервака грузить
Alexsandr
то проще написать будет наверное
Андрей
Хотят чтобы можно было смотреть n-ое колич. смс без интернета и потом если что подгружать остальное с сервера. Не знаю на сколько это будет жить но попробую
Кек
ребят тут есть aso специалисты?
Кек
или какие то форумы
Кек
для того что бы найти спеца
Костянтин
Привет всем, при попытке развернуть другой проект у себя вылетает ошибка на команду pod install. Ругается на строчку в Podfile: use_native_modules! Одно из решений что нашел было обновить версию ноды, я поставил последнюю лтс, но не помогло.
Алексей
руби попробуй обновить
Алексей
поды же рубевые
Denis
Denis
Как реализуется подобное? Это открывается модалка в которой WebView или через Linking так можно сделать?
Костянтин
Не помогло обновление руби версии
Костянтин
Мне показалось это открылся браузер внешний, только с уже заранее открытой вкладкой
Костянтин
А если например хром по дефолту стоял?