вот такое как можно по другому сделать?`0px 10px 20px rgba(0, 0, 0, 0.2)`

не подскажешь?

Ссылку выше скинули либо поищи либу которая добавляет тени

Это же для вообще простых

Но позволяет же тени делать)

Но позволяет же тени делать)

Тут не поспоришь)

Привет, ребята. Пытаюсь сделать фильтр с иконками. Нужно сделать так, чтобы при нажатии на иконку, она меняла цвет с белого на серый и наоборот. Но у меня получается что цвет меняется но только раз, эффект переключателя не получается... подскадите пожалуйста, что я не так сделал? Вот мой код: https://snack.expo.io/@bvs/123

у тебя 2 onPress хэндлера - на иконке и на TouchableOpacity. Убери с иконки. А еще в setButtonState() первый аргумент ты передаешь сам item, а не val, и следовательно в теле должно быть: newButtons[ind].isEnabled = !newButtons[ind].isEnabled;

вот такое как можно по другому сделать?`0px 10px 20px rgba(0, 0, 0, 0.2)`

https://ethercreative.github.io/react-native-shadow-generator/

https://www.npmjs.com/package/react-native-elevate

это нашел

linear gradient таже фигня? нельза?

Привет ребят. Я использую react final form и field для номера телефона и mask как образец для номера телефона. И Когда ползователь вводит номер который начинается с +7 то все окей работает, а если с 8 то она не понимает что это начало номера и вставляет восьмерку после +7 . Кто знает как сделать типо двойную маску?

https://final-form.org/docs/react-final-form/types/FieldProps

а где проп его mask?

linear gradient таже фигня? нельза?

https://docs.expo.io/versions/latest/sdk/linear-gradient

Привет ребят. Я использую react final form и field для номера телефона и mask как образец для номера телефона. И Когда ползователь вводит номер который начинается с +7 то все окей работает, а если с 8 то она не понимает что это начало номера и вставляет восьмерку после +7 . Кто знает как сделать типо двойную маску?

Привет ребят. Я использую react final form и field для номера телефона и mask как образец для номера телефона. И Когда ползователь вводит номер который начинается с +7 то все окей работает, а если с 8 то она не понимает что это начало номера и вставляет восьмерку после +7 . Кто знает как сделать типо двойную маску?

Привет ребят. Я использую react final form и field для номера телефона и mask как образец для номера телефона. И Когда ползователь вводит номер который начинается с +7 то все окей работает, а если с 8 то она не понимает что это начало номера и вставляет восьмерку после +7 . Кто знает как сделать типо двойную маску?

Привет ребят. Я использую react final form и field для номера телефона и mask как образец для номера телефона. И Когда ползователь вводит номер который начинается с +7 то все окей работает, а если с 8 то она не понимает что это начало номера и вставляет восьмерку после +7 . Кто знает как сделать типо двойную маску?

Я делал так

А есть какие-то готовые фреймворки с о встроенными.. стилями? Тяжко начинать разработку после бэкенда, хотел бы что-то по типу onsen ui для десктопа, где весь css лежит на плечах библиотеки.

А есть какие-то готовые фреймворки с о встроенными.. стилями? Тяжко начинать разработку после бэкенда, хотел бы что-то по типу onsen ui для десктопа, где весь css лежит на плечах библиотеки.

React-native-paper, native-base

Два самых популярных

React-native-paper, native-base

Первый видел. Он на всех платформах одинаково выглядит, да?

Из промо превью не понял

Ну не совсем, там надо смотреть, примеры компонентов

В доке

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

есть хорошая либа для селектов? https://www.npmjs.com/package/react-native-picker-select эта норм?

React-native-paper, native-base

А react-native-elements можно внести в этот список, или он является частью какого-то из двух (мне так кажется)?

А react-native-elements можно внести в этот список, или он является частью какого-то из двух (мне так кажется)?

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

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

https://www.npmtrends.com/native-base-vs-react-native-elements-vs-react-native-paper 🤔🤔

Привет! Может кто сталкивался: при заданном drawerLockMode: 'locked-closed' невозможно открыть сайдбар через navigation.openDrawer. Натолкнулся на issue: https://github.com/react-navigation/drawer/issues/144 Как вы решали данную проблему?

Еще раз привет, как отправить данные со стейта на апи для регистрации?

Еще раз привет, как отправить данные со стейта на апи для регистрации?

Мидлвар?

подскажите пж, в стейт формика через селект можно обьект записать? как в вебе

или react-native-picker-select вообще не понимает обьекты в value

кто знает почему такое может быть?

Пытаюсь установить CodePush на андроид

Если использовать саги и исходить из того, что саги упрощают работу с сайд-эффектами - использовать саги для индикации загрузки и переходов между страницами (преимущественно, возврат назад при успешном сохранении в API, например) - это нормальная идея? И если нормальная, то насколько нормально в reducer пихать NavigationService, чтоб там вызывать goBack() ? Или как это вообще правильно реализуется? А как быть, если у меня есть список элементов, а при клике мне надо отправить запрос, получить все детали элемента, и уже после этого переходить на страницу и выводить там эти данные? Тоже пихать NavigationService в редюсер?

Если использовать саги и исходить из того, что саги упрощают работу с сайд-эффектами - использовать саги для индикации загрузки и переходов между страницами (преимущественно, возврат назад при успешном сохранении в API, например) - это нормальная идея? И если нормальная, то насколько нормально в reducer пихать NavigationService, чтоб там вызывать goBack() ? Или как это вообще правильно реализуется? А как быть, если у меня есть список элементов, а при клике мне надо отправить запрос, получить все детали элемента, и уже после этого переходить на страницу и выводить там эти данные? Тоже пихать NavigationService в редюсер?

жуткий оверинжениринг как по мне

Если использовать саги и исходить из того, что саги упрощают работу с сайд-эффектами - использовать саги для индикации загрузки и переходов между страницами (преимущественно, возврат назад при успешном сохранении в API, например) - это нормальная идея? И если нормальная, то насколько нормально в reducer пихать NavigationService, чтоб там вызывать goBack() ? Или как это вообще правильно реализуется? А как быть, если у меня есть список элементов, а при клике мне надо отправить запрос, получить все детали элемента, и уже после этого переходить на страницу и выводить там эти данные? Тоже пихать NavigationService в редюсер?

А для чего пихать NavigationService в сам редьюсер? Ты можешь в экшене по success, делать NavigationService.navigate. Сделал запрос -> получил данные -> навигейт

А для чего пихать NavigationService в сам редьюсер? Ты можешь в экшене по success, делать NavigationService.navigate. Сделал запрос -> получил данные -> навигейт

В экшене? Мы же оттуда просто отдаем тип и данные. Нет?

Если использовать саги и исходить из того, что саги упрощают работу с сайд-эффектами - использовать саги для индикации загрузки и переходов между страницами (преимущественно, возврат назад при успешном сохранении в API, например) - это нормальная идея? И если нормальная, то насколько нормально в reducer пихать NavigationService, чтоб там вызывать goBack() ? Или как это вообще правильно реализуется? А как быть, если у меня есть список элементов, а при клике мне надо отправить запрос, получить все детали элемента, и уже после этого переходить на страницу и выводить там эти данные? Тоже пихать NavigationService в редюсер?

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

В экшене? Мы же оттуда просто отдаем тип и данные. Нет?

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

Если использовать саги и исходить из того, что саги упрощают работу с сайд-эффектами - использовать саги для индикации загрузки и переходов между страницами (преимущественно, возврат назад при успешном сохранении в API, например) - это нормальная идея? И если нормальная, то насколько нормально в reducer пихать NavigationService, чтоб там вызывать goBack() ? Или как это вообще правильно реализуется? А как быть, если у меня есть список элементов, а при клике мне надо отправить запрос, получить все детали элемента, и уже после этого переходить на страницу и выводить там эти данные? Тоже пихать NavigationService в редюсер?

В редакс сторе не желательно хранить несереализуемые значения (функции). Для выполнения действий лучше использовать action creator’ы если redux-thunk, или саги если redux-saga. А вообще саги это переусложнение, сейчас на хуках достаточно легко все делается.

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

https://reactnavigation.org/blog/2020/02/06/react-navigation-5.0.html

Добрый вечер, парсю фото и хочу сохранить на устройстве объектами типа {id: 0, date: «», data: «»}. Как лучше сделать? Redux-persist в помощь? Cейчас храню только картинки с помощью RNFS

Ребят может кто-нибудь делал такую анимацию/знает где найти примеры?

свертывание компонента

по свайпу наверх

использую react navigation

Здравствуйте а как можно цвет статус бара телефона поменять ?

https://docs.expo.io/versions/latest/guides/configuring-statusbar/

Спасибо

я это

просто оставлю это здесь

пуленепробиваемая проверка (ну мало ли, а вдруг...) 😆

Подскажите пожалуйста: как сохранять состояние компонентов при переключении с одного экрана на другой? Вот здесь при переключении между экранами срабатывает componentWillUnmount, но мне необходимо сохранять состояние неактивного экрана как это происходит при использовании StackNavigator class FirstComponent extends React.Component<{}> { componentDidMount() { console.log('FirstComponent componentDidMount'); } componentWillUnmount() { console.log('FirstComponent componentWillUnmount'); } render() { const { navigation } = this.props; return ( <Page> <Text>FirstComponent</Text> <Text onPress={() => navigation.navigate('Second')} style={{ color: 'blue' }}>to SecondComponent</Text> </Page> ); } } class SecondComponent extends React.Component<{}> { componentDidMount() { console.log('SecondComponent componentDidMount'); } componentWillUnmount() { console.log('SecondComponent componentWillUnmount'); } render() { const { navigation } = this.props; return ( <Page> <Text>SecondComponent</Text> <Text onPress={() => navigation.navigate('First')} style={{ color: 'blue' }}>to FirstComponent</Text> </Page> ); } } const AppStack = createSwitchNavigator({ First: createStackNavigator({ FirstComponent }), Second: createStackNavigator({ SecondComponent }) }, { resetOnBlur: true, initialRouteName: 'First' });

Всем приветы. Подскажите , пожалуйста, как совместить TouchableWithoutFeedBack и Animated.View? Ситуация вышла неприятная. Мне нужно сохранить свайпы карточек, но при этом повесить на неё же клик

я что то понять не могу, в рн нету таблиц, нету селектов, вроде не маленькое комьюнити, но селектов нету, таблиц нету, это типо рофл?

я что то понять не могу, в рн нету таблиц, нету селектов, вроде не маленькое комьюнити, но селектов нету, таблиц нету, это типо рофл?

селекты - нативными пикерами реализованы (UI нативный такой, да, кому нужно другое - делают компоненты). а таблицы зачем?

Хотя нет. Вопрос, наверное, звучит так: "Как сделать кликабельным Animated.View?"

селекты - нативными пикерами реализованы (UI нативный такой, да, кому нужно другое - делают компоненты). а таблицы зачем?

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

Хотя нет. Вопрос, наверное, звучит так: "Как сделать кликабельным Animated.View?"

TouchableWithoutFeedback из react-native-gesture-handler

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

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

TouchableWithoutFeedback из react-native-gesture-handler

И всё?... А что во что оборачивать? Вид в кнопку или кнопку в вид?

я что то понять не могу, в рн нету таблиц, нету селектов, вроде не маленькое комьюнити, но селектов нету, таблиц нету, это типо рофл?

Повод написать свою реализацю, выложить в открытый доступ и заработать кучу звезд на gh 😉

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

таблицы на мобилке? ок, 3 столбца при вертикальном отображении, 5-6 строк при горизонтальном. тоже не удобно. UI веба напрямую не ложится, да, нужно адаптировать.

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

суть в том, что писать то их не сложно, а их нету, меня это прям убило

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

как вариант, ввод с автокомплитом сделать (но да, самостоятельно, если никто еще не реализовал)

селект https://mw6uw.csb.app/ таблицы https://kd3ub.csb.app/ ну я вот пробовал, думаю в скором времени буду юзать, в вебе примеры, но под рн переделать довольно быстро, исходники то есть

суть в том, что писать то их не сложно, а их нету, меня это прям убило

Видимо такие элементы не попадают в потребности основной команды разработки - facebook )

так селект, в вебе есть реакт селект - идеальная либа, в нативе нету

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

Возможно, тебе подойдёт FlatList, потому что на мобилках большие объемы данных в списках обычно представляют.

так селект, в вебе есть реакт селект - идеальная либа, в нативе нету

ну вообще dropdown на андроиде - это боль с позиционированием и overflow (как минимум в RN)

Возможно, тебе подойдёт FlatList, потому что на мобилках большие объемы данных в списках обычно представляют.

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

ну вообще dropdown на андроиде - это боль с позиционированием и overflow (как минимум в RN)

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