[React native]ScrollView 使屏幕 go 向上并且它不起作用

Question

React Native：我使用 Scroll View，一旦我使用 Scroll View，屏幕就会上升，甚至滚动也不起作用。 当我使用 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>
  );
}

我的应用程序的屏幕截图。 下面的灰色部分是滚动视图的空间。

Answer 1

根据 memory 你应该用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>
  );
}