مشکل با نمایش headerLeft و headerRight در static navigationOptions

این موضوع 0 پاسخ، 1 کاربر را دارد و آخرین بار در 3 سال، 2 ماه پیش بدست rap_nb به‌روزرسانی شده است.

در حال نمایش 1 نوشته (از کل 1)

نویسنده

نوشته‌ها

مارس 18, 2020 در 2:19 ب.ظ #44997 پاسخ

مشارکت کننده

سلام
لطفا کد من را ببینید کجاش را اشتباه انجام دادم که بخش static navigationOptions اعمال نمیشه

فایل app.js

// In App.js in a new project

import * as React from &#039;react&#039;;
import {NavigationContainer} from &#039;@react-navigation/native&#039;;
import {createStackNavigator} from &#039;@react-navigation/stack&#039;;
import MainScreen from &#039;./components/MainScreen&#039;;

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator headerMode=&quot;screen&quot;>
        <Stack.Screen name=&quot;Home&quot; component={MainScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

// In App.js in a new project

import * as React from 'react';

import {NavigationContainer} from '@react-navigation/native';

import {createStackNavigator} from '@react-navigation/stack';

import MainScreen from './components/MainScreen';

const Stack = createStackNavigator();

function App() {

return (

<Stack.Navigator headerMode="screen">

<Stack.Screen name="Home" component={MainScreen} />

</Stack.Navigator>

</NavigationContainer>

);

}

export default App;

و فایل MainScreen


import React, {Component} from &#039;react&#039;;
import {Icon} from &#039;native-base&#039;;
import HomeTab from &#039;./AddNavigatorTabs/homeTab&#039;;
import SearchTab from &#039;./AddNavigatorTabs/searchTab&#039;;
import AddMediaTab from &#039;./AddNavigatorTabs/addMediaTab&#039;;
import ProfileTab from &#039;./AddNavigatorTabs/profileTab&#039;;
import LikesTab from &#039;./AddNavigatorTabs/likesTab&#039;;
import {createMaterialBottomTabNavigator} from &#039;@react-navigation/material-bottom-tabs&#039;;

const Tab = createMaterialBottomTabNavigator();

function MyTabs() {
  return (
    <Tab.Navigator>
      <Tab.Screen name=&quot;Home&quot; component={HomeScreen} />
      <Tab.Screen name=&quot;Settings&quot; component={SettingsScreen} />
    </Tab.Navigator>
  );
}
export default class MainScreen extends Component {
  static navigationOptions = {
    headerLeft: <Icon name=&quot;ios-camera&quot; style={{paddingLeft: 10}} />,
    title: &#039;Instagram&#039;,
    headerRight: <Icon name=&quot;ios-send&quot; style={{paddingRight: 10}} />,
  };
  render() {
    return (
      <Tab.Navigator
        tabBarOptions={{
          showIcon: false,
          showLabel: true,
          activeTintColor: &#039;red&#039;,
        }}>
        <Tab.Screen name=&quot;Home&quot; component={HomeTab} />
        <Tab.Screen name=&quot;Search&quot; component={SearchTab} />
        <Tab.Screen name=&quot;AddMedia&quot; component={AddMediaTab} />
        <Tab.Screen name=&quot;Profile&quot; component={ProfileTab} />
        <Tab.Screen name=&quot;Likes&quot; component={LikesTab} />
      </Tab.Navigator>
    );
  }
}

import React, {Component} from 'react';

import {Icon} from 'native-base';

import HomeTab from './AddNavigatorTabs/homeTab';

import SearchTab from './AddNavigatorTabs/searchTab';

import AddMediaTab from './AddNavigatorTabs/addMediaTab';

import ProfileTab from './AddNavigatorTabs/profileTab';

import LikesTab from './AddNavigatorTabs/likesTab';

import {createMaterialBottomTabNavigator} from '@react-navigation/material-bottom-tabs';

const Tab = createMaterialBottomTabNavigator();

function MyTabs() {

return (

<Tab.Navigator>

<Tab.Screen name="Home" component={HomeScreen} />

<Tab.Screen name="Settings" component={SettingsScreen} />

</Tab.Navigator>

);

}

export default class MainScreen extends Component {

static navigationOptions = {

headerLeft: <Icon name="ios-camera" style={{paddingLeft: 10}} />,

title: 'Instagram',

headerRight: <Icon name="ios-send" style={{paddingRight: 10}} />,

};

render() {

return (

<Tab.Navigator

tabBarOptions={{

showIcon: false,

showLabel: true,

activeTintColor: 'red',

}}>

<Tab.Screen name="Home" component={HomeTab} />

<Tab.Screen name="Search" component={SearchTab} />

<Tab.Screen name="AddMedia" component={AddMediaTab} />

<Tab.Screen name="Profile" component={ProfileTab} />

<Tab.Screen name="Likes" component={LikesTab} />

</Tab.Navigator>

);

}

نویسنده

نوشته‌ها

در حال نمایش 1 نوشته (از کل 1)