代码之家 › 专栏 › 技术社区 › Isaac

如何在默认导航选项上添加订阅

react-navigation react-native

Isaac · 技术社区 · 5 年前

我碰到过这个 solution ,正在尝试订阅导航生命周期的更新

导航器.js

const App = createStackNavigator(
  {
    screen1: { screen: MainScreen },
    screen2: { screen: SecondaryScreen },
  },
  {
    cardStyle: {
      backgroundColor: 'transparent'
    }
  }
);

const MainNavigator = createAppContainer(App);

export default MainNavigator;

我想知道是否有可能订阅 navigator 文件?或者我没有其他选择,只能在每个单独的屏幕上订阅?

0 回复 | 直到 5 年前

Vinil Prabhu 5 年前

您可以为每个屏幕添加侦听器,如下所示

constructor(props) {
        super(props);
        this.props.navigation.addListener(
            'willFocus',//event name
            payload => {
                //do your work here
            }
        );
    }

其他事件名称 以下内容: 'onDidFocus', 'onWillBlur' ,'onDidBlur'

reference

推荐文章

Asken · 运行此时_登录“this”。导航“未定义”`

6 年前

Rubel hasan · react native swipeout不适用于android

6 年前

lmotl3 · 如何在所有屏幕上呈现相同的组件?

6 年前

Mehreen Khan · 导入react navigation和native base时出错

6 年前

TMD · 使用react navigation redux后,获取警告

6 年前

Israel Z Kollie · 遇到错误:undefined不是对象(正在评估“navigation.navigate”)

6 年前

lmotl3 · 如何访问此。对象内的道具?

6 年前

Bondan Noviada · 从tabview子级调用navigate函数

6 年前

Jules · React navigation StackNavigator-允许卡中的场景扩展到可用空间之外

6 年前

Alessio Chiffi · 在没有集成Redux的情况下响应导航?

6 年前