Reagieren Navigation Schublade Position

Question

Ich benutze React Navigation Schublade von https://reactnavigation.org/docs/navigators/drawer, ich möchte die Startposition der Schublade unter der Kopfzeile geben, aber ich habe keine Ahnung, wie ich das erreichen kann. Ich habe mir die Dokumentation von reactnavigation.org angesehen, kann aber keine Hinweise finden.

Answer 1

Es wird standardmäßig unter dem Header kommt, können Sie so etwas wie dies in Ihrem index.android.js oder index.ios.js versuchen

import React, {Component} from 'react'; 
import { AppRegistry, View, BackAndroid, StatusBar,} from 'react-native'; 
import { 
    NavigationActions, 
    addNavigationHelpers, 
    StackNavigator, 
    DrawerNavigator 
} from 'react-navigation'; 


import LandingScreen from 'src/screens/landingScreen'; 
import Login from 'src/screens/login' 
import SignUp from 'src/screens/signUp' 
import ForgotPassword from 'src/screens/forgotPassword' 
import Dashboard from 'src/screens/dashboard' 
import UserProfile from 'src/screens/userProfile' 

export const Drawer = DrawerNavigator({ 
    Dashboard:{ 
    path:'/', 
    screen:Dashboard, 
    }, 
    UserProfile:{ 
    path:'/' 
    screen:UserProfile 
    }, 
}, { 
    initialRouteName: 'Dashboard', 
    contentOptions: { 
    activeTintColor: '#e91e63', 
    }, 
    headerMode: 'screen', 
}); 

const routesConfig = { 
    Landing:{screen:LandingScreen}, 
    Login: { screen: Login }, 
    SignUp: { screen: SignUp }, 
    ForgotPassword: { screen: ForgotPassword }, 
    Drawer:{screen:Drawer} 
}; 

export const AppNavigator = StackNavigator(routesConfig, { 
    initialRouteName: 'Drawer' 
}); 
AppRegistry.registerComponent('Riduk',() => AppNavigator);