刷新控件不适用于本机反应中的底部选项卡导航器

Question

我有一个包含三个选项卡的应用程序！ 在显示我所有产品的第一个选项卡中，我希望能够从数据库中拖动并刷新所有产品！

我尝试使用刷新控件但它不起作用..它甚至没有拖下来！

注意：在选项卡中，我有一个带有其他屏幕的堆栈导航器，我只是想在堆栈导航器Stack Nav -> Tab Nav -> Stack Nav -> Products Screen中的 Tab 导航器中刷新堆栈导航器的初始屏幕

我的代码

滚动视图：

<SafeAreaView style={{ flex: 1 }}>
        <Header searchFunction={showSearch} />
        {/* <Text style={GlobalStyles.title}>Home Screen</Text> */}
        <ScrollView
          style={GlobalStyles.container}
          showsVerticalScrollIndicator={false}
          refreshControl={
            <RefreshControl
              refreshing={refreshing}
              onRefresh={() => {
                console.log("Working");
              }}
            />
          }
        >
        ...
       </ScrollView>
</SafeAreaView>

GlobalStyles.容器：

container: {
    flex: 1,
    backgroundColor: color.light,
    padding: 10,
  },

Answer 1

如果没有足够的信息，很难调试这样的东西，我建议您删除所有其他东西，这样您就可以确定 ScrollView 是不起作用的还是您放入其中的元素。