javascript - 反应导航添加选项卡标题

Question

我在下面为我的项目添加了选项卡导航器。

// BottomTabRouter.js
import Message from "../components/message/Message";
import Address from "../components/address/Address";
import Life from "../components/life/Life";
import Personal from "../components/personal/Personal";

const BottomTabRouter = createBottomTabNavigator(
  {
    Message: Message,
    Address: Address,
    Life: Life,
    Personal: Personal
  }
);

根堆栈下的 BottomTabRouter。

const DashboardRouter = createStackNavigator({
  Tabs: BottomTabRouter,
  Chat: Chat,
  UserGroup: UserGroup,
});

如果我想为消息屏幕添加标题，我会在下面添加 navigationOptions。

class Life extends React.Component {
  static navigationOptions = {
    title: "Life"
  };

  ...
}

但这似乎不起作用，我该如何以及如何为我的 Life 组件添加标题？

标签： javascriptreactjsreact-nativereact-navigation

Answer 1

我认为你需要使用tabBarLabel财产

class Life extends React.Component {
  static navigationOptions = {
    tabBarLabel: "Life"
  };

  ...
}