时间戳

首页 > 解决方案 > 如何在 React Native 中按标签栏添加事件？

react-native - 如何在 React Native 中按标签栏添加事件？

问题描述

我有一个反应原生应用程序，我在其中使用反应导航 v3。我想在按下特定标签栏时创建一个事件。在我的主页标签栏上，我有一个条形码扫描仪。当用户扫描时，应用程序将使用条形码数据定向到不同的选项卡，将数据设置为异步存储。但是当我再次尝试扫描时，它变为空白。

所以，我想创建一个事件，当用户转到主页选项卡再次扫描时，我可以在该事件上清除异步存储。如何在主页标签栏上添加该事件？

标签： react-nativereact-navigation

解决方案

试试下面的代码，它会帮助你，

import {NavigationEvents} from "react-navigation";


<NavigationEvents
      onWillFocus={payload => console.log('will focus',payload)}
      onDidFocus={payload => console.log('did focus',payload)}
      onWillBlur={payload => console.log('will blur',payload)}
      onDidBlur={payload => console.log('did blur',payload)}
    />

NavigationEvents您可以在要跟踪用户事件的页面的渲染方法中添加组件，并处理AsyncStorage您想要的任何操作。

如果您不需要所有事件，请仅添加一个事件

有关更多详细信息，您可以访问这里

谢谢

推荐阅读