如何让textInput成为react-native的焦点？

Question

我是反应原生的新手，可能是我问的问题可能非常棒。 但我无法以某种方式找到它的任何参考。

图片中有6个文字输入，但键盘出现时我们只能看到4个，那么当键盘还在那里时，如何将第5个文字输入到可见区域？

Answer 1

我假设您想在单击时滚动输入，以便在打开键盘时可见。有一个很好的库可以轻松处理这个问题。

https://github.com/APSL/react-native-keyboard-aware-scroll-view

const Screen = React.createClass({

  _scrollToInput(event) {
    this.refs.scrollview.scrollToFocusedInput(event, event.nativeEvent.target);
  },

  render() {
    return (
      <KeyboardAwareScrollView ref="scrollview">
        <View>
          <TextInput onFocus={this._scrollToInput}/>
        </View>
      </KeyboardAwareScrollView>
    );
  },
});