on Text当TextInput将它集中在键盘后面时（react-native）

Question

我正在使用带有TextInputs的listView，当TextInput将它集中在键盘后面时。如何解决？

示例代码：http://rnplay.org/apps/8baZSA

Answer 1

您需要使用<ScrollView>代替<View>才能使用此方法。

关键方法是scrollResponderScrollNativeHandleToKeyboard(refToElement, scrollHeight, preventNegativeOffset)（听起来很酷，正确;））

我有：

<TextInput ref='ccName' onFocus={(() => this.onFieldFocus('ccName'))} />

其中函数如下：

onFieldFocus(fieldName) {
  this.setTimeout(() => {
    let scrollResponder = this.refs.scrollView.getScrollResponder()
    scrollResponder.scrollResponderScrollNativeHandleToKeyboard(
      React.findNodeHandle(this.refs[fieldName]), 200, true
    )
  }, 125) 
}

Answer 2

似乎this thread是您正在寻找的。

TL; DR：see this stackoverflow question