React-native-navigation: [V2][Android] Bottom tab name is hidden

Created on 20 May 2018  路  5Comments  路  Source: wix/react-native-navigation

Issue Description

[Set navigation bottom tab. follow the v2 docs - Only active tab shows its name.

Steps to Reproduce / Code Snippets / Screenshots

screenshot_20180520-222233_familytree

Environment

  • React Native Navigation version: v2
  • React Native version: 0.51.0
  • Platform(s) (iOS, Android, or both?): Android
  • Device info (Device? 8.0? Debug):

Most helpful comment

Thanks for react-native-navigation team. It's ok right now :)

                bottomTab: {
                  text: "Home",
                },
                bottomTabs: {
                  titleDisplayMode: 'alwaysShow'
                },

All 5 comments

Hi @congnguyen91 , please try to add forceTitlesDisplay: true into bottomTabs or just into option object, which is a setting in v1 and see if this works.

reference: https://wix.github.io/react-native-navigation/v2/#/docs/styling?id=styling-the-statusbar

hi @swingywc I mean that it still happen. It only shows with active tab

            options: {
              bottomTab: {
                title: "Home",
                icon: Images.logo,
                iconInsets: {
                  top: 6,
                  left: 0,
                  bottom: 6,
                  right: 0
                },
                forceTitlesDisplay: true
              },
              topBar: {
                visible: false
              },
              forceTitlesDisplay: true
            }

Also try:

    appStyle: {
      forceTitlesDisplay: true
    },

(sorry for my comment with two accounts)

How about the answer on #3463 (use titleDisplayMode) ?

Thanks for react-native-navigation team. It's ok right now :)

                bottomTab: {
                  text: "Home",
                },
                bottomTabs: {
                  titleDisplayMode: 'alwaysShow'
                },
Was this page helpful?
0 / 5 - 0 ratings