Сдвиньте фиксированный нижний колонтитул с текстом ввода, когда появляется клавиатура

Question

Я пытаюсь скопировать часть моего приложения.

Я искал некоторую информацию, и я нашел этот пост здесь в Stackoverflow ->How to auto-slide the window out from behind keyboard when TextInput has focus?

Дело в том, что мое приложение немного отличается, и я не знаю, куда поставить метки Scrollview.

Я получил это распределение:

<View style={ styles.container }> 
    <View style={ styles.header }> 
    <View style={ styles.headerTextContainer }> 
     <Text style={ styles.headerText } onPress={() => this.refs.listView.getScrollResponder().scrollTo(0) }>Parte { this.props.partNumber } - { this.state.totalComments } comentarios</Text> 
    </View> 
    </View> 

    <ListView 
     dataSource={this.state.dataSource} 
     renderRow={this.renderComment} 
     style={ styles.content } 
     ref="listView" /> 

    <View style={ styles.footer }> 
    <View style={ styles.footerTextInputContainer }> 
     <TextInput 
     style={ styles.footerTextInput } 
     onChangeText={(text) => console.log(text) } 
     placeholder="Escribe un comentario" /> 
    </View> 

    <TouchableHighlight onPress={() => console.log("SEND COMMENT") } underlayColor="#ffffff"> 
     <View style={ styles.footerSendButtonContainer }> 
     <Text style={ styles.footerSendButton }>Enviar</Text> 
     </View> 
    </TouchableHighlight> 
    </View> 
</View> 

Единственное, что я хочу, чтобы скользить, когда появляется клавиатура является сноска вид.

Я надеюсь, что кто-то может мне помочь.

Спасибо :)

Answer 1

я был бы в состоянии сделать это с помощью этого компонента: react-native-keyboard-spacer

Спасибо!