Scrollview和flex的孩子:1

Question

是否有可能有一个包装的布局ScrollView:

<ScrollView>
  <View>dynamic height</View>
  <View>flex with minHeight</View>
  <View>static height</View>
</ScrollView>

并满足以下先决条件:

第一个的高度View是动态的(取决于文本长度).第三个的高度View是静态的(内部总是三个按钮).屏幕的其余部分应填充View地图,但最小高度设置为250.

现在是棘手的部分:如果首先有很多文本View,所以地图不适合,应该出现滚动.我无法做到这一点.我想给地图View flex: 1和minHeight: 250,但它不是在所有的渲染.

解

好的,我找到了解决问题的方法.在第一次渲染中,我得到屏幕高度(Dimensions)和第一和第三视图的高度(onLayout).然后,我计算第二个视图(screenHeight - view1 - view3 - naviagtionHeight)的高度并forceUpdate()重新渲染它.

Answer 1

添加contentContainerStyle={{flexGrow: 1}}道具ScrollView,它的孩子flex:1会工作.所以你不需要手动计算它.