Question

在iOS设备上打开键盘后，固定标题就会滚动。打开键盘后是否有固定的接头连接器？我不想让标题随内容滚动。

这里说明类似的问题： https://medium.com/@im_rahul/safari-and-position-fixed-978122be5f29

我正在使用Cordova在React项目中遇到问题。

非常感谢您的帮助。

Answer 1

使用keyboardAvoiding“ react-native”视图
docs

   import {
      KeyboardAvoidingView
    } from 'react-native';

<KeyboardAvoidingView behavior="padding" style={styles.container}>


          <View style={styles.inputContainer}>
            <TextInput
              returnKeyType="next"
              placeholder="Mobile No."
              placeholderTextColor="powderblue"
              keyboardType="number-pad"
              onSubmitEditing={() => this.passwordInput.focus()}
              style={styles.input}
               onChangeText={(value) => this.setState({mobileno:value})}
               value={this.state.mobileno}
            />

            <TextInput
              returnKeyType="go"
              placeholder="Password"
              placeholderTextColor="powderblue"
              style={styles.input}
              secureTextEntry
              ref={input => (this.passwordInput = input)}
               onChangeText={(value) => this.setState({pssd:value})}
               value={this.state.pssd}
            />
          </View>



      </KeyboardAvoidingView>

Answer 2

如果您隐藏状态栏，KeyboardAvoiding 会将包括标题在内的所有内容推到顶部，这是 React Native 中 KeyboardAvoidingView 的错误。

要在显示键盘时固定标题，请将状态栏设置为 hidden=false

在iOS上显示键盘后如何固定标题？

2 个答案: