ScrollView直到我输入字段的末尾才滚动

Question

您好，我的滚动视图不会滚动到最后

<View style={styles.accountContainer}>
<ScrollView
            styles={styles.scrollView}
            showsVerticalScrollIndicator={false}
          >
 <Input
              placeholder="Username"
              placeholderTextColor="black"
              inputStyle={{ color: "black" }}
              inputContainerStyle={{
                borderRadius: 10,
                backgroundColor: "transparent",
                borderBottomColor: "white",
                borderBottomWidth: 5,
                width: 300,
                marginBottom: 20
              }}
              label="Username"
              labelStyle={{ color: "white" }}
              onChangeText={username => this.setState({ username })}
              ref={input => {
                this.emptyInput1 = input;
              }}
              value={this.state.username}
            />

我在此下方还有10个输入字段，并且我关闭了视图和滚动视图

我注意到，如果我减小View的高度，它将起作用，但由于电话屏幕的尺寸不同，我不喜欢这种解决方案。

我在滚动条的显示上也遇到了问题，该滚动条的右边距为20，所以我将其隐藏。

我不明白为什么它不仅仅调整我在View和ScrollView中的输入数量

希望有人可以向我解释一下。

感谢您的时间

Answer 1

根据您的解释，我认为您想了解React Native中的KeyboardAvoidingView。这是一个解决视图常见问题的组件，该视图需要移开虚拟键盘。它可以根据键盘的位置自动调整其高度，位置或底部填充。

import {KeyboardAvoidingView} from 'react-native';

<ScrollView>
     <KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
        ... your UI ...
        //place your all inputs here
     </KeyboardAvoidingView>;
</ScrollView>
行为道具可以更改为