(코드 간단합니다) react native navigation 질문드립니다 도와주세요..

Question

안녕하세요react native 공부하고 있는 학생입니다 설명 : 사진의 아래에는 홈, 카테고리, 찾기 등등 총 6가지 탭이 있고, 각각의 탭은 각각 다른 상단 타이틀과 각각 다른 중앙 화면을 보여줍니다왼쪽 상단 메뉴버튼은 고정(모든 탭에 표시)입니다 원하는 것 : "왼쪽 상단 메뉴 버튼"을 6개 모든 탭에 표시하는 것이아니라, 특정 탭에서만 표시되도록 하고 싶습니다 예를 들어, 홈, My 탭에만 "왼쪽 상단 메뉴 버튼" 을 표시 아래는 코드입니다 중간 코드 생략했습니다 위, 아래 코드는 같은 코드입니다 class 홈 extends Component{ render(){ return( home ) } } class 카테고리 extends Component{ render(){ return( 카테고리 ) } } class 찾기 extends Component{ render(){ return( 찾기 ) } } class Myy extends Component{ render(){ return( My ) } } class 장바구니 extends Component{ render(){ return( 장바구니 ) } } class 최근 extends Component{ render(){ return( 최근 본 ) } } const AppBottomTabNavigator = createBottomTabNavigator({ 홈 : { screen: 홈, navigationOptions: { tabBarIcon: ({ tintColor }) => ( ) } }, 카테고리 : { screen: 카테고리, navigationOptions: { tabBarIcon: ({ tintColor }) => ( ) } }, 찾기 : { screen: 찾기, navigationOptions: { tabBarIcon: ({ tintColor }) => ( ) } }, My : { screen: Myy, navigationOptions: { tabBarIcon: ({ tintColor }) => ( ) } }, 장바구니 : { screen: 장바구니, navigationOptions: { tabBarIcon: ({ tintColor }) => ( ) } }, 최근 : { screen: 최근, navigationOptions: { tabBarIcon: ({ tintColor }) => ( ) } } },{ navigationOptions: ({navigation}) => { const {routeName} = navigation.state.routes[navigation.state.index] return { headerTitle: routeName } }, tabBarOptions: { activeTintColor: 'red' } }) const AppStackNavigator = createStackNavigator({ AppBottomTabNavigator: AppBottomTabNavigator },{ defaultNavigationOptions: ({ navigation }) => ({ headerLeft: navigation.dispatch(DrawerActions.openDrawer())} />}) }) const AppDrawerNavigator = createDrawerNavigator({ 로그인 : { screen: AppStackNavigator } },{ drawerWidth : 320 } ) class App extends React.Component { render() { return ; } } export default App; const AppContainer = createAppContainer(AppStackNavigator);

(코드 간단합니다) react native navigation 질문드립니다 도와주세요..

0개의 답변

Q&A 목록