时间戳

首页 > 解决方案 > React Native Navigation - [FAB] 浮动操作按钮未按预期显示

android - React Native Navigation - [FAB] 浮动操作按钮未按预期显示

问题描述

我正在使用 React-native-navigation(wix)，并且存在与 React 本机 FAB（浮动操作按钮）相关的问题。

要求 - 我需要在 componentDidMount 生命周期方法中设置 FAB，如下所示

componentDidMount() {
  this.props.navigator.setButtons({
    fab: {
     collapsedId: "someFormName",
     ...getAddButtonStyle()
    }
  });
}

我this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));在全球范围内管理，它按预期工作。我遇到的问题是，当我在其中设置 FAB 时，它没有在我的 UI 中按预期显示，componentDidMount()但如果我设置为 a static button它可以完美运行。它在功能内部也能完美地完成这项工作render()。

我很困惑为什么我不能在componentDidMount()[initial page load] 中设置按钮？

标签： androidreact-nativereact-native-androidreact-native-navigationwix-react-native-navigation

解决方案

推荐阅读