Вот так я выбираю даты, но при выборе цвет не меняется

this.setState({selectedDate: {[serviceDate['dateString']]: {selected: true, selectedColor: '#57B9BB'}, serviceDate}}) сделал так тоже

Кто пользовалься react-native-calendars подскажите как изменить цвет выбранной даты ?

Помню решал через проп dayComponent или как - то так. Почему через него, скорее всего необходима была полная кастомизация даты, точно не помню.

В него как раз придут твои selectedColor и selected

Помню решал через проп dayComponent или как - то так. Почему через него, скорее всего необходима была полная кастомизация даты, точно не помню.

Понял, попробую

Для react native есть какая либо среда, позволяющая публиковать код для демонстрации и правок другим людям? Аналог jsfiddle?

Для react native есть какая либо среда, позволяющая публиковать код для демонстрации и правок другим людям? Аналог jsfiddle?

Тебе возможно нужно https://snack.expo.io/

Всем привет! Подскажите как сделать в react-native-video подходящий как на скрине slider(progress ,MediaControls) (response-native-video-controls , Reaction-native-video-player, react-native-media-controls не подходят )

всем привет. кто-нибудь использовал react-native-community/react-native-datetimepicker ? залинковал все ок, но пакет рендерит пустую вьюху, может кто сталкивался как лечить?

всем привет. кто-нибудь использовал react-native-community/react-native-datetimepicker ? залинковал все ок, но пакет рендерит пустую вьюху, может кто сталкивался как лечить?

Не сталкивался с таким. (андроид) Перепроврь, что правильно установил и правильно используешь.

всем привет. кто-нибудь использовал react-native-community/react-native-datetimepicker ? залинковал все ок, но пакет рендерит пустую вьюху, может кто сталкивался как лечить?

Это проблема с dark mode, вот решение https://github.com/xgfe/react-native-datepicker/issues/376

пробовал, не помогло

и при отключеном дарк моде

дейтпикер в модалке выводится, думаю с этим связано

да, 100% с модалкой связано

да, 100% с модалкой связано

iOS?

da

da

Так я тут не туда явно поглядел. Для уточнения: - Это всё же какой компонент, тот что Iryna указывала xgfe/react-native-datepicker или тот, что вы указывали react-native-community/react-native-datetimepicker? - Какая версия RN? - Чем модалка выводится? Потому что если это react-native-community/react-native-datetimepicker на свежих RN, то даже с нативной модалкой он в принципе должен корректно функционировать на iOS. Потому что технически это просто вьюха, это в Android это попапы и у них могут быть проблемы с модалкой.

community > 60 через rn-elements overlay

точно с модалкой связано, тк взял даже на пустом проекте добавил два пакета rn-elements и community/rn-datepicker

та же история

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

точно с модалкой связано, тк взял даже на пустом проекте добавил два пакета rn-elements и community/rn-datepicker

А можете расшарить этот пустой проект на гитхабе? Я бы глянул на тему быстрого фикса... это должно нормально работать, там нет магии. Единственное, в UIDatePicker в iOS есть определенные требования к размерам и возможно всё просто фиксится заданием размеров для него либо в родителе. А Overlay из rn-elements, как раз там какой-то мухлеж делает: https://github.com/react-native-elements/react-native-elements/blob/next/src/overlay/Overlay.js#L39-L49 Либо сами гляньте, там из рабочих стилей, если в пропсах пусто, такое если раскрыть: <Modal> <View в touchable, который back drop, style={position: absolute; left:0;top:0;width:100%, height:100%, ...} /> <View style={flex:1,alignItems:center,justifyContent:center}> <View style={нет позиционных стилей и флекса нет}> <Ваш контент, если там только пикер, то он может не иметь собственного размера в начале рендера /> </View> </View> </Modal>

Поэтому возможно либо в overlayStyle задать размеры, либо в детях, пикеру

хм сек

да, похоже проблемы с размерами

спасиб

даже не с размерами, а с позиционированием

Ну всё, дальше дело техники я так понимаю )

Основная фундаментальная проблема там, то, что у RN до сих пор нет нормального механизма получения intrinsinc size нативного элемента в движке лэйаутинга (даже статического, как в нашем случае, не говоря уж про динамический в случае картинок например). В итоге, для пикера, к примеру, размер вообще из JS спускается: https://github.com/react-native-community/react-native-datetimepicker/blob/master/src/datetimepicker.ios.js#L28, но замечу, что только height, а width для yoga всегда 0, если только не флекс по горизонтали, при том что сам UIDatePicker на самом деле строго фиксированной ширины (на весь экран) и никак иначе iOS его не нарисует )

Всем привет А есть какой-то способ распаковать любой архив в Expo? Не хочется качать просто много файлов, eject тоже не хочется делать.

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

Всем привет! Помогите, пожалуйста, может быть кто сталкивался с такой проблемой на андроиде, есть простая навигация: const Navigator = createBottomTabNavigator({ Home: HomeScreen, Profile: createStackNavigator({ Profile: ProfileScreen, Account: AccountScreen, }), }); Есть 2 таба, во втором табе стек из скринов. Внутри этих скринов есть кнопки с переходм туда-обратно. Проблема такая: Перехожу на вкладку со стеком, перехожу Profile->Account, далее перехожу обратно Account->Profile, затем перехожу в Home и обратно, и экран перестает работать (немношк сдвигается вверх либо вообще белый экран)

Поискал по ишьюсам, ничего не нашел 🙁 Зависимости такие: "react-native-screens": "^2.0.0-alpha.22", "react-navigation": "3.13.0", "react-navigation-stack": "^2.0.8", "react-navigation-tabs": "^2.7.0" Ставил и 4х и 3х версию react-navigation

Мне кажется проблема в том что идентификатор Profile используется 2 раза

хм, ок, попробую поменять сейчас

Не, кажется проблема в import {enableScreens} from 'react-native-screens';

На андроиде почему-то когда эта штука включена, ломается такое поведение

На андроиде почему-то когда эта штука включена, ломается такое поведение

Это баг, он у них в трекере )

а есть ссылонька?

я чет не нашел сходу 🙁

https://github.com/kmagiera/react-native-screens/issues/238

Там не корректное описание в начале, реально там всё сломали

ок, спасибо) надо знач до альфы-12 сделать даунгрейд

Мы это наблюдали на дравере между двумя стеками: уходим в стек2, там пушим скрин, возвращаемся в стек1 - белый экран.

на 12 альфе все ок 🙂

Я бы советовал не даунгрейдится, а фиксить, либо ждать когда он из альфы выйдет

ну... это да, мне просто нужен щас быстро фикс 😄

в любом случае, спасибо большое)

Велком )

Добрый вечер ребят, у меня вышел ряд проблем с моим будущем приложением) Я писал сначала полностью под Андроид и все отлично, даже тестовые АПК на разных телефонах показали себя отлично. Сейчас когда проект запустил на IOS у меня все пошло не так как нужно. Перестал работать TextInput(это кажется из-за отсутствия шрифтов на ios версии), весь ui съехал. Про библиотеки молчу, половину пришлось сносить. Теперь один из главных вопросов, какие капитальные отличия есть в написании кода под ios устройства?) Из-за этой фигни немного был в шоке)

При библиотеки - сразу стоит смотреть исходники, чтобы были под две платформы (objective-c + java)

Добрый вечер ребят, у меня вышел ряд проблем с моим будущем приложением) Я писал сначала полностью под Андроид и все отлично, даже тестовые АПК на разных телефонах показали себя отлично. Сейчас когда проект запустил на IOS у меня все пошло не так как нужно. Перестал работать TextInput(это кажется из-за отсутствия шрифтов на ios версии), весь ui съехал. Про библиотеки молчу, половину пришлось сносить. Теперь один из главных вопросов, какие капитальные отличия есть в написании кода под ios устройства?) Из-за этой фигни немного был в шоке)

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

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

я бы даже сказал использовал проверку по Platform только для одной-двух из большой кучи фич

А на счёт View, почему такая большая разница? У меня приложение на всех андроид телефонах норм, а как только на виртуалке в эмуляторе запустил весь UI разошелся. Кроме SafeAreaView что ещё стоит добавить?

смотря какие стили ты используешь

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

Можно сюда пример своего кода кидать?

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

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

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

Тут одними флексами не обойдешься, вот только некоторые моменты: 1. Флексы отлично, но что делать если текст не помещается, как его обрезать и обрезать ли? 2. safe area и всякие notch (я тут обнаружил, что вот это https://github.com/th3rdwave/react-native-safe-area-context, им пользуется react-navigation вроде в правильную сторону движется, да с багами пока, но зато и под ios и под android) 3. тени - в iOS это тени, в Android только elevation, да и вообще в RN много мест, где он не абстрагирует возможности платформ 4. Touchable - в iOS одини стили визуализации, в Android другой 5. Поведение всяких UI типа списков (overscroll, анимация pull-to-refresh) 6. Стили навигации в iOS и Android разные 7. Date/Time pickers 8. Разрешения, флоу разный. Да и почти все внешние апи немного отличаются по поведению, гео, платежи, камера, шаринг...

Тут одними флексами не обойдешься, вот только некоторые моменты: 1. Флексы отлично, но что делать если текст не помещается, как его обрезать и обрезать ли? 2. safe area и всякие notch (я тут обнаружил, что вот это https://github.com/th3rdwave/react-native-safe-area-context, им пользуется react-navigation вроде в правильную сторону движется, да с багами пока, но зато и под ios и под android) 3. тени - в iOS это тени, в Android только elevation, да и вообще в RN много мест, где он не абстрагирует возможности платформ 4. Touchable - в iOS одини стили визуализации, в Android другой 5. Поведение всяких UI типа списков (overscroll, анимация pull-to-refresh) 6. Стили навигации в iOS и Android разные 7. Date/Time pickers 8. Разрешения, флоу разный. Да и почти все внешние апи немного отличаются по поведению, гео, платежи, камера, шаринг...

У меня приложение не сложное, но я собирал сначала чисто под Андроид(не особо интересно было) думал что все окей, а тут оказалась шляпа полная) спасибо большое) Завтра уже скину скрины в группу)

iap согласен, там практически разный код дейттаймпикеры - просто все пытаются использовать нативные, а унифицированного норм я не встречал. иос версия по-моему лучше всего навигация - вроде в доке было написано что есть разница с камерой не встречал особо проблем. были больше проблемы с device info/exif

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

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

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

Привет. Кто-то знает как правильно сделать так. Когда нет фото в аватаре, там должны быть инициалы + цвет background менятся от положения буквы в алфавите, ну типо красный там от А-Г, и так далее. Понял что нужно сделать array из цветов, и по индексу брать от туда цвет, ну и через метод charCodeAt, брать буквы, но не понял до конца ккак это организовать. Возможно есть у кого-то пример?

react-native-elements - avatar

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

спасибо

Доброго времени суток. Подскажите при помощи чего можно реализовать контекстное меню как в телеграме? (При удерживании тапа на посту, появляется контекстное меню и не отрывая пальца, можно по нему передвигаться)

Вот примерно такое необходимо реализовать

https://cdn.dribbble.com/users/2169528/screenshots/6703110/dastageerdsg_first_dribble_shot.gif

@aCastor ты уже тут)

@aCastor триггери экшн при лонгтапе, потом вызывай контекстное меню в зависимости от состояния

https://cdn.dribbble.com/users/2169528/screenshots/6703110/dastageerdsg_first_dribble_shot.gif

Мне кажется это нативщина, искал адекватное контекстное меню пару мес назад, так и не нашел. Пришлось на коленке сове жопное собрать 🙂

https://cdn.dribbble.com/users/2169528/screenshots/6703110/dastageerdsg_first_dribble_shot.gif

через анимации. 🙂

через sequence просто сделай

@aCastor триггери экшн при лонгтапе, потом вызывай контекстное меню в зависимости от состояния

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

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

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

panhandler