小编bsa*_*oss的帖子

我遇到了反应本机 tabBottom 导航的问题。我有一个 TabButton 自定义组件，单击后会呈现模式，但我似乎找不到一种在其他选项卡上呈现特定模式的方法，而不仅仅是呈现为独立的组件。

我想要实现的是，当我单击黄色按钮时，它会呈现模式，但像（主页、帮助、调整和图形）这样的选项卡仍然像模式的背景一样，而不仅仅是在另一个组件中呈现模式。

我定制的 TabButton 组件：

import React from \'react\';\nimport {TouchableWithoutFeedback} from \'react-native-gesture-handler\';\nimport Icon from \'react-native-vector-icons/MaterialIcons\';\nimport Button from \'./styles\';\n\nconst TabButton = ({onPress, focused}) => {\n  return (\n    <TouchableWithoutFeedback onPress={onPress}>\n      <Button focused={focused}>\n        <Icon name="add" size={35} color={\'white\'} />\n      </Button>\n    </TouchableWithoutFeedback>\n  );\n};\n\nexport default TabButton;\n\n

我的 tab.routes.js：

import React from \'react\';\nimport {createBottomTabNavigator} from \'@react-navigation/bottom-tabs\';\nimport TabButton from \'../components/Tab/Button\';\nimport Icon from \'react-native-vector-icons/MaterialIcons\';\nimport Home from \'../containers/Home\';\nimport Graphic from \'../containers/Graphic\';\nimport Help from \'../containers/Help\';\nimport NewTransaction from \'../containers/NewTransaction\';\nimport SettingsStack from \'./settings.routes\';\n\nconst …

我有一个 javascript 类，其中包含一个使用该库启动 cron 作业的函数node-cron。但我似乎找不到测试类和函数的方法。

控制的变量node-cron位于.env文件中。为了进行测试，我使用jest。当我的节点应用程序的 app.js 启动时，我的工作开始（类文件被导入并导出实例化）

.env 文件

#CRON JOB
FREQUENCY_CRON='30 00 * * *'
TIMEZONE="America/Sao_Paulo"
SCHEDULED=true
INACTIVE_EXPIRATION_TIME=2592000000 #30 DAYS

CronJob.js

class CronJob {
  constructor() {
    this.startJob();
  }

  async startJob() {
    cron.schedule(
      process.env.FREQUENCY_CRON,
      async () => {
        //DO SOME DATA PROCESSING 
      },
      {
        scheduled: process.env.SCHEDULED,
        timezone: process.env.TIMEZONE
      }
    );
  }
}

export default new CronJob();

当用户按下中间按钮时，我需要渲染一个模式。我正在使用react-native-raw-bottom-sheet库为我的应用程序提供模态。\n我尝试isFocused={props.navigation.isFocused} 在 <Tab.Screen> 内传递一个道具，但问题是当我将道具传递给基于是否集中于呈现的两个时次而不是一次。

我也尝试直接通过 触发模式但没有成功。

我的问题是，当用户按下时，我需要渲染新的，它将包含模态中内容的空洞逻辑，并且还将渲染模态。

我的 tab.routes.js

import React from \'react\';\nimport {createBottomTabNavigator} from \'@react-navigation/bottom-tabs\';\nimport TabButton from \'../components/Tab/Button\';\nimport Icon from \'react-native-vector-icons/MaterialIcons\';\n\nimport Home from \'../containers/Home\';\nimport Adjustment from \'../containers/Adjustment\';\nimport Graphic from \'../containers/Graphic\';\nimport Help from \'../containers/Help\';\nimport NewTransaction from \'../containers/NewTransaction\';\n\nconst icons = {\n  Home: {\n    name: \'home\',\n  },\n  Graphic: {\n    name: \'pie-chart\',\n  },\n  NewTransaction: {\n    name: \'notifications-none\',\n  },\n  Help: {\n    name: \'help-outline\',\n  },\n  Adjustment: {\n    name: \'settings\',\n  },\n};\n\nconst Tab = createBottomTabNavigator();\n\nconst TabRoutes = () => …