如何在reactNative中为scrollView中的视图设置动态高度

e3bfsja2 于 2023-06-24 发布在 React

关注(0)|答案(1)|浏览(223)

这是我的代码：

<ScrollView>
  <View>
   <Text1/> 
   <Text2/>
   ... 
  </View>

ScrollView仅在内部的View具有特定高度时才起作用，但视图中的对象数量可能会改变，因此高度应相应调整。但是，我不知道该怎么做。
我试图通过将单个文本对象的高度乘以对象的数量（它们都具有相同的高度）来计算高度，但似乎高度不足以激活ScrollView。

react-native

来源：https://stackoverflow.com/questions/76456994/how-to-set-dynamic-height-to-a-view-inside-a-scrollview-in-reactnative

1条答案

按热度按时间

kx5bkwkv1#

实现这种行为的一种方法是在React Native中使用flexGrow属性。
下面是一个使用具有动态大小的视图的示例。我添加了边框和颜色以便于可视化。

<ScrollView
    contentContainerStyle={{
      flexGrow: 1,
      borderColor: "green",
      borderWidth: 5
    }}
  >
    <View style={{ borderColor: "purple", borderWidth: 5 }}>
      <Text>Hello</Text>
    </View>
    <View style={{ borderColor: "red", borderWidth: 5 }}>
      <Text style={{ fontSize: 30 }}>World</Text>
    </View>
  </ScrollView>

赞(0）回复(0）举报 2023-06-24

我来回答

如何在reactNative中为scrollView中的视图设置动态高度

1条答案

相关问题

热门标签

最新问答