时间戳

首页 > 解决方案 > 刷新控件在本机反应中无法与底部选项卡导航器一起使用

javascript - 刷新控件在本机反应中无法与底部选项卡导航器一起使用

问题描述

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

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

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

我的代码

滚动视图：

<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：

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

标签： javascriptreact-nativereact-navigation

解决方案

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

推荐阅读