Wie erhalten Sie textInputs in reactive native?

Question

Ich bin neu zu reagieren native und kann die Frage sein, die ich fragen kann sehr noob. Aber irgendwie finde ich keine Referenz dafür.

Es gibt 6 Texteingaben im Bild, aber wir können nur 4 sehen, wenn Tastatur erscheint, so wie können wir 5.e Texteingabe in sichtbaren Bereich erhalten, wenn Tastatur ist immer noch da?

Answer 1

Ich nehme an, dass Sie die Eingabe scrollen möchten, wenn Sie darauf klicken, so dass es sichtbar ist, wenn die Tastatur geöffnet wird. Es gibt eine nette Bibliothek, um das leicht zu handhaben.

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> 
    ); 
    }, 
});