169 похожих чатов

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

https://gorhom.github.io/react-native-bottom-sheet/? Просто у BottomSheet свой компонент поля, а у поля с маской свой)

14 ответов

4 просмотра

Можно реализовать свой компонент, основываясь на их исходниках - https://github.com/gorhom/react-native-bottom-sheet/blob/master/src/components/bottomSheetTextInput/BottomSheetTextInput.tsx

Владимир-Муравьев Автор вопроса
Alex
А что пугает?

Лишняя работа)

Владимир Муравьев
Лишняя работа)

Переопределить onBlur и onFocus? 🤔

Владимир Муравьев
Лишняя работа)

Установи сначала маску потом открывающуюся панель и совмести

Владимир-Муравьев Автор вопроса
Alex
Переопределить onBlur и onFocus? 🤔

А, вы имеете ввиду просто использовать это const { shouldHandleKeyboardEvents } = useBottomSheetInternal();

Владимир-Муравьев Автор вопроса
Владимир-Муравьев Автор вопроса
Alex
Можно реализовать свой компонент, основываясь на и...

Заметил. Есть небольшая проблема. Там не обычный TextInput используется: import { TextInput } from 'react-native-gesture-handler';

Владимир Муравьев
Заметил. Есть небольшая проблема. Там не обычный T...

У тебя эта зависимость есть в проекте, она обязательна при установке React Native Bottom Sheet

Владимир-Муравьев Автор вопроса
Alex
У тебя эта зависимость есть в проекте, она обязате...

Так мне нужно использовать в качестве базы вот этот input https://github.com/react-native-text-input-mask/react-native-text-input-mask

Владимир Муравьев
Так мне нужно использовать в качестве базы вот это...

https://github.com/software-mansion/react-native-gesture-handler/blob/main/src/components/GestureComponents.tsx#L47 Создание react-native-gesture-handler TextInput. Думаю, можно сделать что-то вроде: const GestureTextInput = createNativeWrapper<RNTextInputProps>(TextInputMask); <GestureTextInput onChangeText={(formatted, extracted) => { console.log(formatted) // +1 (123) 456-78-90 console.log(extracted) // 1234567890 }} mask={"+1 ([000]) [000] [00] [00]"} />

Владимир-Муравьев Автор вопроса
Alex
https://github.com/software-mansion/react-native-g...

О, здорово. Я хотел еще написать, неплохо бы иметь аналог Animated.createAnimatedComponent) Спасибо вам. Надеюсь сработает)

Похожие вопросы

Обсуждают сегодня

Интересно, нет ли какого-то способа получить из dll не адрес самой метки, а адрес со смещением?
The Bird of Hermes
54
generic procedure function test<T>(param: T); type case T of longint: NewT = word; longword: NewT = byte; end; var v1: NewT; Как это можно сделать? Чтобы у меня...
notme
21
Делал задачу вот такую https://stepik.org/lesson/4985/step/9?unit=1083 получилось такое https://play.haskell.org/saved/ipKrepqe оно работает, тестов много не писал, но работае...
Fedor
22
Всем добрый вечер. Нужна помощь с прикруткой telegram-vapor-bot к проекту Vapor. Удалось после старта приложения отправить тестовое сообщение в бот, вот только сразу после это...
advanc3d
3
program Project1; procedure generic_proc<T>(); begin end; begin generic_proc<Int64>(0); end. Я чет не понял, а как в Delphi сделать такое? процедуру-дженерик... PS: а на...
notme
10
Кстати, что FPC мешает сделать нормальные проперти в юнитаз, завызанные на переменные? Нет, инлайнинг геттеров и геттеров кажется работает в принципе, но это же сколько лишн...
Arioch The
8
Хотел уточнить: копирование из одного рекорда в другой однотипный рекорд можно только по полям отдельно или можно чохом, типа Assign?
Ed Doc
9
Sometimes I like to solve problems the hard way. What do I mean? You know many problems can be fixed by restarting the system, but how much do you learn about the system? P...
Matthias Hoffmann
2
Похоже опять туплю задача https://stepik.org/lesson/5431/step/8?unit=1132 код и его работа https://play.haskell.org/saved/lmYTShXM на мой взгляд все правильно, и даже избыто...
Fedor
8
Anyone here suffers from unexplained aural migraines, who would be up for talking for a bit? Doesn't *have* to be aural, but I am not asking about headaches, I mean actual mi...
Martin Rys
58
Карта сайта