ScrollView 与 flex 1 使其不可滚动

2024-01-01

我正在尝试在ScrollView,并且只要 ScrollView 有flex: 1 the 内部滚动不起作用。 这是博览会小提琴(您可以运行此代码并使用它)https://snack.expo.io/SySerKNp- https://snack.expo.io/SySerKNp-

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

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

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


尝试在scrollView内容容器样式中使用flexGrow: 1而不是flex: 1,如下所示。

<ScrollView contentContainerStyle={{ flexGrow: 1, borderColor: 'green', borderWidth: 5 }}>
  <View style={styles.box1} />
  <View style={styles.box2} />
  <View style={styles.box1} />
</ScrollView>

https://snack.expo.io/HkkEVoh6Z https://snack.expo.io/HkkEVoh6Z

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ScrollView 与 flex 1 使其不可滚动 的相关文章

随机推荐