为什么 ScrollView 会让屏幕向上？

Question

当我使用ScrollView 时，屏幕会上升，甚至滚动，但不起作用。当我使用KeyboardAvoidingView 时，它也有同样的问题。有什么问题？

export default function AuthLayout({ children }) {
  const dismissKeyboard = () => {
    Keyboard.dismiss();
  };

  return (
    <ScrollView style={{ flexGrow: 1 }}>
      <TouchableWithoutFeedback
        style={{ flex: 1 }}
        onPress={dismissKeyboard}
        disabled={Platform.OS === "web"}
      >
        <SAuthLayout>{children}</SAuthLayout>
      </TouchableWithoutFeedback>
    </ScrollView>
  );
}

我的应用程序的屏幕截图和下面的灰色部分是具有ScrollView的空间：

Answer 1

根据内存，您应该用View 和flex 封装您的ScrollView：

export default function AuthLayout({ children }) {
  const dismissKeyboard = () => {
    Keyboard.dismiss();
  };

  return (
    <View style={{ flex: 1 }}>
    <ScrollView>
      <TouchableWithoutFeedback
        style={{ flex: 1 }}
        onPress={dismissKeyboard}
        disabled={Platform.OS === "web"}
      >
        <SAuthLayout>{children}</SAuthLayout>
      </TouchableWithoutFeedback>
    </ScrollView>
    </View>
  );
}