【问题标题】:React Navigation Material Top Tabs Navigator Swipe event or callback method?反应导航材料顶部选项卡导航器滑动事件或回调方法?
【发布时间】:2021-10-17 10:08:52
【问题描述】:

您好,我正在使用 React Navigation 及其 Material Top Tabs Navigator 组件 一切正常,除了当我启用滑动选项时,我无法获得回调方法来执行更多逻辑。 使用 Material Top Tabs Navigator,用户可以从 tabPress 导航到不同的屏幕或滑动对焦屏幕。 我需要通过捕捉这种行为来做更多的逻辑(比如每当屏幕改变时改变背景颜色)

使用 tabPress 事件(从其official doc 列出),很容易实现,但我找不到任何与滑动动作相关的事件。我也尝试添加Listener,刷卡时不记录。

componentDidMount() {
  this._test= navigation.addListener("focus", () => {
    console.log("swiped");
  });
}

有什么想法吗? tks

【问题讨论】:

    标签: react-native react-navigation


    【解决方案1】:

    尝试使用Navigation State 来检测当前处于活动状态的选项卡。

    【讨论】:

    • 这个想法,我现在可以使用 state.index 来扩展滑动事件功能
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多