【React Native】文件翻譯閱讀紀錄 - Components(組件) - KeyboardAvoidingView

by - 上午9:00

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

這是用戶屏幕頂部與反應原生視圖之間的距離,在某些用例中可能不為零。
TYPEREQUIRED
numberNo

behavior

注意:Android和iOS都與此道具交互不同。如果沒有任何行為道具,Android可能會表現得更好,而iOS則相反。
TYPEREQUIRED
enum('height', 'position', 'padding')No

contentContainerStyle

當行為是“位置”時,內容容器的樣式(View)。
TYPEREQUIRED
View.styleNo

enabled

啟用或禁用 KeyboardAvoidingView。
TYPEREQUIRED
booleanYes

Methods

relativeKeyboardHeight()

relativeKeyboardHeight(keyboardFrame: object):

onKeyboardChange()

onKeyboardChange((event: object));

onLayout()

onLayout((event: ViewLayoutEvent));




You May Also Like

0 意見