2017-09-16 4 views
1

Ich benutze TabNavigator von 'react-navigation'. Ich möchte Text unter den Symbolen verstecken oder entfernen.Wie TabBar Text in TabNavigator ausblenden?

enter image description here

Hier ist ein Teil von TabNavigator. (Ich verwende Expo)

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', 

Und das ist CamaraScreen

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

@johnbeck Wie kann man zeigen, das Bild als Fußzeile. Die oben genannten Bilder sind Symbole. Ich muss das Bild als Fußzeile zeigen. Bitte geben Sie Ihre Eingaben an. Ich bin neu, um nativ zu reagieren. Ich habe es mit einigen Code-Schnipsel versucht, aber es funktioniert nicht. Bitte aktualisieren Sie Ihre Antwort in https://stackoverflow.com/questions/49064125/how-to-set-images-in-the-footer-text-under-tabnavigation-using-react-native – Jes

Antwort

3

Sie können die Beschriftung ausblenden, indem showLabel: false für das tabBarOptions Objekt angibt:

backBehavior: 'none', 
tabBarOptions: { 
    showLabel: false 
}