J'utilise CreateBottomTabnavigator CreatebotTomTabnavigator pour l'onglet dans la réactive-natif. Le problème est que je reçois une tête supérieure inutile.
Cette image est ce que je suis Obtenir maintenant. p>
Je veux retirer l'en-tête supérieur. S'il vous plaît aidez-moi. P>
Ceci est mon code de navigateur. P>
import HomeContainer from 'src/mainView/homeContainer'
import CameraPage from 'src/mainView/pages/cameraPage'
import CarOwnerVoicePage from 'src/mainView/pages/carOwnerVoicePage'
import ProfileContainer from 'src/profile'
const TabNavigator = createBottomTabNavigator(
{
home: {screen: HomeContainer},
carOwnerVoice: {screen: CarOwnerVoicePage},
camera: {screen: CameraPage},
profile: {screen: ProfileContainer}
},
{
headerMode: 'none' ,
tabBarOptions: {
labelStyle: {
fontSize: 15,
marginBottom: 10,
padding: 0,
},
},
}
);
export default createAppContainer(TabNavigator);
3 Réponses :
Vous pouvez trouver plus de description de ici .
Veuillez essayer ci-dessous le code, cela peut résoudre votre problème. P>
const TabNavigator = createBottomTabNavigator(
{
home: {screen: HomeContainer},
carOwnerVoice: {screen: CarOwnerVoicePage},
camera: {screen: CameraPage},
profile: {screen: ProfileContainer}
},
{
tabBarOptions: {
labelStyle: {
fontSize: 15,
marginBottom: 10,
padding: 0,
},
},
}
);
TabNavigator.navigationOptions={
header:null,
}
export default createAppContainer(TabNavigator);
Merci. @ Patel dhara. J'ai essayé celui-ci, mais il semble que cela ne fonctionne pas pour moi.
Avez-vous eu une erreur? Ou pouvez-vous s'il vous plaît partager votre code sur lequel vous importez ce tabgnavigator?
C'était mon erreur. Ce tabnavigator est utilisé comme écran dans un autre navigateur et c'était le problème.
const MainView = createAppContainer(TabNavigator);
MainView.navigationOptions={
header: null
}
export default MainView;
Si vous souhaitez vous cacher sur un écran spécifique que celui comme celui-ci:
// create a component
export default class Login extends Component<{}> {
static navigationOptions = { header: null };
}
Essayez d'ajouter
navigationOptions: ({navigation}) => ({en-tête: null,})J'ai essayé cela, mais ne travaillez pas avec TAB-Navigator. Ceci est pour masquer la barre à tabulation inférieure, mais ce que je veux, c'est de masquer l'en-tête supérieur dans l'image. Dans la démo d'onglets Navigator, l'en-tête supérieur n'apparaît pas. Mais dans mon application, il apparaît. :(
Pouvez-vous ajouter du code de vos navigateurs tous?
D'ACCORD. J'ai ajouté le code.
Où avez-vous ajouté la navigationOption que j'ai suggéré?
Dans toutes les pages, j'ai ajouté une variable de navigation statique avec votre valeur.