https://gorhom.github.io/react-native-bottom-sheet/? Просто у BottomSheet свой компонент поля, а у поля с маской свой)
Можно реализовать свой компонент, основываясь на их исходниках - https://github.com/gorhom/react-native-bottom-sheet/blob/master/src/components/bottomSheetTextInput/BottomSheetTextInput.tsx
Единственный вариант?
А что пугает?
Лишняя работа)
Переопределить onBlur и onFocus? 🤔
Установи сначала маску потом открывающуюся панель и совмести
А, вы имеете ввиду просто использовать это const { shouldHandleKeyboardEvents } = useBottomSheetInternal();
Да, и методы 15:33 строка
Ну это понятно)
Заметил. Есть небольшая проблема. Там не обычный TextInput используется: import { TextInput } from 'react-native-gesture-handler';
У тебя эта зависимость есть в проекте, она обязательна при установке React Native Bottom Sheet
Так мне нужно использовать в качестве базы вот этот 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]"} />
О, здорово. Я хотел еще написать, неплохо бы иметь аналог Animated.createAnimatedComponent) Спасибо вам. Надеюсь сработает)
Обсуждают сегодня