【React Native】文件翻譯閱讀紀錄 - Components(組件) - KeyboardAvoidingView
Facebook Open Source React Native |
KeyboardAvoidingView
它是解決需要移開虛擬鍵盤的視圖的常見問題的組件。它可以根據鍵盤的位置自動調整其位置或底部填充。
用法示例:
用法示例:
import { KeyboardAvoidingView } from 'react-native';
<KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
... your UI ...
</KeyboardAvoidingView>
範例
Props
Methods
參考
Props
keyboardVerticalOffset
這是用戶屏幕頂部與反應原生視圖之間的距離,在某些用例中可能不為零。
TYPE | REQUIRED |
---|---|
number | No |
behavior
注意:Android和iOS都與此道具交互不同。如果沒有任何行為道具,Android可能會表現得更好,而iOS則相反。
TYPE | REQUIRED |
---|---|
enum('height', 'position', 'padding') | No |
contentContainerStyle
當行為是“位置”時,內容容器的樣式(View)。
TYPE | REQUIRED |
---|---|
View.style | No |
enabled
啟用或禁用 KeyboardAvoidingView。
TYPE | REQUIRED |
---|---|
boolean | Yes |
Methods
relativeKeyboardHeight()
relativeKeyboardHeight(keyboardFrame: object):
onKeyboardChange()
onKeyboardChange((event: object));
onLayout()
onLayout((event: ViewLayoutEvent));
0 意見