React Native Scrollview 不会停留在底部

Question

当我尝试滚动到我的 React Native 屏幕的底部时，它只是在让 go 之后回到顶部。 我尝试将 1 的 flex 添加到ScrollView的父级，但这并没有解决问题，也没有添加底部填充。

什么可能导致这种行为？

  import {
  View,
  Text,
  SafeAreaView,
  StyleSheet,
  TextInput
  TouchableOpacity,
  ScrollView,
} from 'react-native';
import React, {useState} from 'react';

export default function SelectAddress() {
  return (
    <View style={styles.mainView}>
      <SafeAreaView>
        <View style={{minHeight: '100%'}}>
          <ScrollView>
            <View>
              <TextInput style={styles.input} placeholder="Street address" />
              <TextInput style={styles.input} placeholder="Apt/Suite/Bldg" />
              <TextInput style={styles.input} placeholder="City" />
              <TextInput style={styles.input} placeholder="State" />
              <TextInput style={styles.input} placeholder="Zipcode" />
            </View>
            <TouchableOpacity style={styles.save}>
              <Text>Save</Text>
            </TouchableOpacity>
          </ScrollView>
        </View>
      </SafeAreaView>
    </View>
  );
}

const styles = StyleSheet.create({
  mainView: {
    height: Dimensions.get('screen').height,
    width: Dimensions.get('screen').width,
    backgroundColor: '#ffffff',
  },
  input: {
    paddingTop: 15,
    paddingBottom: 15,
    borderRadius: 12,
    paddingLeft: 10,
    minWidth: '95%',
    marginTop: 10,
  },
  save: {
    alignSelf: 'center',
    padding: 6,
    marginTop: 10,
    borderRadius: 20,
  },
});

Answer 1

请检查 expo，它没有在那里发生，您也可以共享 expo。

https://snack.expo.dev/@gaurav1995/amused-ramen