Question

我该如何解决这个问题。

键盘重叠如下所示

代码在这里

<View style={styles.container}>
            <View style={styles.Subcontainer}>
      <ScrollView contentContainerStyle={styles.scrolViewFlex} ref='scrollView' automaticallyAdjustContentInsets={true} showsHorizontalScrollIndicator={true} showsVerticalScrollIndicator={true}>
            <View style={styles.logoView}>
              <Image source={require('@images/Icon_K.png')} style={styles.imageStyles} />
            </View>
        <View style={styles.textInputView}>
        <ActivityIndicator
                   animating = {this.state.animating}
                   color = '#494949'
                   size = "large"
                   style = {styles.activityIndicator}
                   /> 

        <View style={styles.namesContainer}>
           {/*<View style={styles.exploreContainerDirection}> */}
             <View style={styles.pincodeContainer}>
               <TextInput
                  underlineColorAndroid="transparent"
                  autoCapitalize="words"
                  style={[styles.firstnameTextInput,{borderColor:this.state.backgroundColor,color: this.state.color}]}
                  placeholder=" First Name"
                  placeholderTextColor="#494949"
                  returnKeyType='next'
                  onChangeText={this.handleChange.bind(this,'FirstName')}
                  value={this.state.updateAccountValues.FirstName}
                  onFocus={this.inputFocused.bind(this,'FirstName')}
                  onSubmitEditing={(event)=>{
                    this.refs.SecondInput.focus();
                    }}/>
             </View>
             <View style={styles.spaceview}/>
             <View style={styles.mobileNoContainer}>
               <TextInput
                  underlineColorAndroid="transparent"
                  autoCapitalize="words"
                  ref="SecondInput"
                  style={[styles.lastnametextInput,{borderColor:this.state.backgroundColor,color: this.state.color}]}
                  placeholder=" Last Name"
                  placeholderTextColor="#494949"
                  returnKeyType='next'
                  onChangeText={this.handleChange.bind(this,'LastName')}
                  onFocus={this.inputFocused.bind(this,'LastName')}
                  value={this.state.updateAccountValues.LastName}
                  onSubmitEditing={(event)=>{
                    this.refs.ThirdInput.focus();
                    }}/>
             </View>
          {/* </View>*/}
           </View>
  </ScrollView>
  </View>

  </View>

因此，当我输入textinput键盘时，这是我的屏幕短片，有时会出现如下屏幕

所以，请检查一次，找到我们的问题

Answer 1

我跟着这个：设置 MainfestFile.xml文件中的android:windowSoftInputMode="adjustPan"

React-native: How to control what keyboard pushes up

如何重新解决此问题当我输入文本输入时，键盘重叠

1 个答案: