آموزش جاوااسکریپت › انجمن ها › react native › مشکل با نمایش headerLeft و headerRight در static navigationOptions
- این موضوع 0 پاسخ، 1 کاربر را دارد و آخرین بار در 3 سال، 8 ماه پیش بدست rap_nb بهروزرسانی شده است.
در حال نمایش 1 نوشته (از کل 1)
-
نویسندهنوشتهها
-
rap_nbمشارکت کننده
سلام
لطفا کد من را ببینید کجاش را اشتباه انجام دادم که بخش static navigationOptions اعمال نمیشهفایل app.js
JavaScript123456789101112131415161718192021// In App.js in a new projectimport * 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 (<NavigationContainer><Stack.Navigator headerMode="screen"><Stack.Screen name="Home" component={MainScreen} /></Stack.Navigator></NavigationContainer>);}export default App;و فایل MainScreen
JavaScript1234567891011121314151617181920212223242526272829303132333435363738394041424344import 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.NavigatortabBarOptions={{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)