KeboardAvoidingView在独立应用程序上不起作用[React Native Expo]

Question

KeyBoardAvoidingView在博览会测试中工作正常，但是当我构建独立的应用程序时，它根本无法工作。

PS：我正在使用反应导航，但标题设置为null。

KeyBoardAvoidingView使用代码

   <KeyboardAvoidingView  behavior='padding'>
              <TextInput style={styles.formTextInput}
                onChangeText={this.emailOnChange}
                value={this.state.email}
                placeholder={'Email...'}
                onSubmitEditing={() => { this.secondTextInput.focus(); }}
                blurOnSubmit={false}
                autoCapitalize='none'
                returnKeyType='next'
                keyboardType='email-address'
              />
              <TextInput style={styles.formTextInput}
                onChangeText={this.passwordOnChange}
                value={this.state.password}
                ref={(input) => { this.secondTextInput = input; }}
                password={true}
                secureTextEntry={true}
                placeholder={'Password...'}
                maxLength={20}
                autoCapitalize='none'
              />
            </KeyboardAvoidingView>

Answer 1

您可以尝试这个吗，

import {
    View,
    KeyboardAvoidingView,
    ScrollView,
    Platform,
  } from "react-native";
  
<View style={{ flex: 1 }}>
  <KeyboardAvoidingView
    behavior={Platform.OS === "ios" ? "padding" : null}
    style={{ flex: 1 }}
    enabled
  >
    <ScrollView keyboardShouldPersistTaps="always">
      <EmailField />
      <PasswordField />
    </ScrollView>
  </KeyboardAvoidingView>
</View>

自定义您的TextInputs