react-native - 如何在不需要 ScrollView 的 View 上使用 RefreshControl？

Question

我有一个 React Native View，我想允许用户通过下拉刷新，这个 View 包含适合一个屏幕的固定内容，无需滚动，我使用 flex 将元素定位到使用了保持屏幕。

Google 快速告诉我我需要一个 RefreshControl , 但似乎这必须与 ScrollView 结合使用.

当我尝试将这两个控件应用到我的 View 时，我得到了不希望的效果:

• 我不需要的滚动条，尽管这些可以通过 Prop 禁用
• Flex 现在以不同的方式响应，flex 项目不会扩展到容器，这是有道理的，因为它是一个可滚动的容器。

帮助:)

Answer 1

我确实会在 ScrollView 中重用 RefreshControl，而不是自己创建一个 RefreshControl 行为。

正如您所提到的，可以通过设置正确的 props 来隐藏滚动指示器。 .此外，可以使用 scrollEnabled 禁用滚动。旗帜。

ScrollView 使用内置的内容容器将所有 View 包裹在里面。你可以设置 flex style props对于这种观点也是如此。

<ScrollView contentContainerStyle={{flex: 1}}>
  {/* child views */}
</ScrollView>