react-native - 带有 flex 1 的 ScrollView 使其不可滚动

Question

我正在尝试在 ScrollView 上运行 flex ，并且只要 ScrollView 有 flex: 1 在里面滚动不起作用 .
这是世博会 fiddle (您可以运行此代码并使用它)
https://snack.expo.io/SySerKNp-

请注意，如果您删除 flex: 1来自 ScrollView它确实让滚动但随后你失去了弹性能力(让红色容器向下推上框(ScrollView)的能力)所以我必须在那里有一个弹性。

p.s - 我只在 android 上工作，我还没有在 iPhone 上测试过(我不介意那里的结果)

知道我错过了什么吗？为什么ScrollView当它有 flex: 1 时将无法正常工作?
谢谢 !

Answer 1

我相信您的问题是您告诉 ScrollView 使用 flex=1 占用所有可用空间，但问题是 ScrollView 的工作方式不同。它会自动呈现其所有子项，因此它与 flex 的工作方式不同。这是与具有更好性能的普通 ListView 或 FlatList 的区别。

我相信这个小吃可以解决这个问题:https://snack.expo.io/SkxN9GOT-

基本上，我正在获取设备的高度并根据(screenHeight - 红框的当前高度)将 ScrollView 设置为固定高度。