2017-06-05 6 views
0

Ich habe ein Einreichungsformular Schnittstelle, ListView Komponente verwenden, und die Zeile enthält TextInput Komponente, ich mag Benutzer KeyboardAvoidingView die Tastatur cover die TextInput- in Reihe zu vermeiden, aber es funktioniert nicht, wird die Zeile nicht mehr bewegen oben.KeyboardAvoidingView + Listview

mein Code:

render() { 
    return (
     <KeyboardAvoidingView style={styles.container} behavior='padding'> 
      <ListView 
       dataSource = {this.state.dataSource} 
       renderRow = {this._renderRow.bind(this)} 
       onEndReachedThreshold = {0} 
       overflow = 'hidden' 
       keyboardDismissMode = 'on-drag' 
       removeClippedSubviews = {true} 
      /> 
     </KeyboardAvoidingView> 
    ); 
} 

Antwort

0

Es ein Modul ist, das ich für Tastatur Ausgabe verwendet haben: https://github.com/APSL/react-native-keyboard-aware-scroll-view

Sie können es genauso verwenden:

import {KeyboardAwareScrollView} from 'react-native-keyboard-aware-scroll-view'; 
render() { 
    return (
     <KeyboardAwareScrollView extraHeight={130}> 
      // your code here 
     </KeyboardAwareScrollView> 
    ); 
    } 

Lassen Sie mich wissen, wenn Gesicht jedes Problem, um es zu verwenden.