2017-09-16 6 views
1

私は '反応ナビゲーション'からTabNavigatorを使用しています。私はアイコンの下にテキストを隠すか、または削除したいと思います。ここでTabNavigatorでTabBarのテキストを非表示にするにはどうすればいいですか?

enter image description here

TabNavigatorコンテナの一部です。

Camera: { 
     screen: CameraScreen, 
    }, 
    Noti: { 
     screen: NotificationScreen, 
    }, 
    Menu: { 
     screen: MenuStackNavigator, 
    }, 
    }, 
    { 
    navigationOptions: ({ navigation }) => ({ 
     header: null, <<< 
     tabBarIcon: ({ focused }) => { 
        ... 
     }, 
    }), 
    header: null, <<<- 
    headerMode: 'none', <<--  
    tabBarComponent: TabBarBottom, 
    tabBarPosition: 'bottom', 
    animationEnabled: false, 
    swipeEnabled: false, 
    backBehavior: 'none', 

を(私は万博を使用しています)そして、これはあなたがtabBarOptionsオブジェクトに対してshowLabel: falseを指定することで、ラベルを非表示にすることができますCamaraScreen

class CameraScreen extends Component { 
    static navigationOptions = { 
    title: 'Camera' 
    } 
+0

@johnbeckフッターとしての画像。上記の画像はアイコンです。イメージをフッターとして表示する必要があります。親切に入力してください。私はネイティブに反応するために新しいです。私はいくつかのコードスニペットを試しましたが、うまくいきません。 https://stackoverflow.com/questions/49064125/how-to-set-images-in-the-footer-text-under-tabnavigation-using-react-nativeで親切に回答を更新してください – Jes

答えて

3

です:あなたが見ることができますどのように

backBehavior: 'none', 
tabBarOptions: { 
    showLabel: false 
} 
関連する問題