小编Dav*_*sis的帖子

React Native:在ScrollView上设置flex:1 contentContainerStyle会导致组件重叠

问题:

我有一个带有2个子视图的ScrollView,我希望他们中的第一个(让我们称之为ViewA)拥有{flex:1}所以另一个(ViewB)将坚持到屏幕的底部 - 但只有当他们的总高度是比屏幕小.当然,如果它们高于屏幕,我希望它像往常一样滚动.

案例1(GOOD):带有长文本的ViewA,ViewB随之滚动.https://rnplay.org/apps/slCivA

案例2(BAD):ViewA用短文本,ViewB不坚持到底部.https://rnplay.org/apps/OmQakQ

尝试的解决方案:

所以我将ScrollView的样式和contentContainerStyle设置为flex:1.我还将ViewA的样式设置为flex:1.但是当我这样做时,ScrollView的contentContainer视图固定在屏幕高度上,因此如果需要则无法滚动,甚至更糟糕 - ViewB与ViewA重叠.

案例3(BAD):ViewB坚持到底部,但整个事情不会滚动.https://rnplay.org/apps/wZgtWA

如果这是一个错误 - 如何修复/解决它?如果这是预期的行为 - 我怎样才能实现我所描述的?

谢谢.

ios flexbox react-native

9
推荐指数
2
解决办法
2万
查看次数

标签 统计

flexbox ×1

ios ×1

react-native ×1