Расположение не корректируется, когда клавиатура открывается в реагирующем

Question

Это действительно простой код на реактивном языке, и я использую expo.Затем открывается клавиатура, она закрывает текстовый ввод, что является нежелательной функцией, может кто-нибудь помочь мне, почему?Кажется, что он работает на чистом реагирующем языке.

import * as React from "react";
import {
  StyleSheet,
  View,KeyboardAvoidingView,
  TextInput,
} from "react-native";

class Logins extends React.Component {
  render() {
    return (
      <KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
        <TextInput placeholder="Password" style={styles.textinputstyle} />
      </KeyboardAvoidingView>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: 450,
  },textinputstyle:{
    fontSize:25,
    color:"red",
    paddingBottom:10,
  }
});

export default Logins;

Здесь - ссылка на закуску.

Answer 1

Почему "paddingTop: 450"? Это делает клавиатуру не может открыть это покрывает текстовый ввод.

 render() {
    return (
      <KeyboardAvoidingView behavior="padding" style={styles.container}>
       <ScrollView style={{flex: 1}}>
            <View style={{height:450}} ></View>
             <TextInput placeholder="Password last" style={styles.textinputstyle} />
       </ScrollView>
      </KeyboardAvoidingView>
    );
  }

Экспо-закусочная ссылка

Answer 2

У меня были хорошие результаты с реакция-нативная клавиатура-осведомленная-прокрутка-просмотр .