Klavye açılınca input'un kaybolması can sıkıcı. Bunu çöz.
Nedir?
Klavye animasyonlarını senkronize et. iOS ve Android için smooth geçişler.
Kurulum
npm install react-native-keyboard-controller
Kullanım
import { KeyboardProvider, useReanimatedKeyboardAnimation } from 'react-native-keyboard-controller';import Animated, { useAnimatedStyle } from 'react-native-reanimated';function App() { return ( <KeyboardProvider> <ChatScreen /> </KeyboardProvider> );}function ChatScreen() { const { height } = useReanimatedKeyboardAnimation(); const style = useAnimatedStyle(() => ({ paddingBottom: height.value, })); return ( <Animated.View style={style}> <TextInput /> </Animated.View> );}
Neden Kullanmalısın?
- Smooth klavye animasyonları
- Chat uygulamaları için ideal
- iOS ve Android
- Reanimated entegrasyonu
Link: github.com/kirillzyusko/react-native-keyboard-controller