react navigation در نمایش icon ها مشکل دارد

[gkasravi]

export class MainScreen extends Component{
static navigationOptions =
{
headerLeft:<Icon name=”ios-camera” style={{paddingLeft:10}}/>,
title: ‘Instagram’,
headerRight:<Icon name=”ios-send” style={{paddingRight:10}}/>,
headerStyle:{hight:40},
headerTitleStyle:{
textAlign:’center’,
fontSize:18,
width:Dimensions.get(‘window’).width-110
}
};
render() {
return (
<AppTabNavigator/> — اینجا تا وقتی که از ویو استفاده می کنیم هدر یا ایکون ها دیده می شود اما وقتی این کد رو می زاریم تب ها دیده می شود ولی هدر و هیچ ایکونی دیده نمی شود …حتی روی تب ها
);
}
}
const AppTabNavigator=createBottomTabNavigator(
{
HomeTab:{screen:HomeTab},
AddMediaTab:{screen:AddMediaTab},
SearchTab:{screen:SearchTab}
}, {
initialRouteName: ‘HomeTab’,
swipeEnabled: true,
animationEnabled: true,
headerMode:’none’,
mode:’modal’,
tabBarOptions: {
activeTintColor: ‘#405BDB’,
inactiveTintColor: ‘#9B9B9B’,
showIcon:true,
showLabel:true,
}}
)
export default createAppContainer(AppTabNavigator);

[مهدی]

headerMode:’none’ رو بردارید

[gkasravi]

برداشتم.درست نشد

[مهدی حسن زاده]

این کدها مربوط به دوره اینستاگرام میشه؟؟

[gkasravi]

بله
فقط کدها رو به navigation 3 تبدیل کردم و از createBottomTabNavigator استفاده کردم

[gkasravi]

createAppContainer رو هم برای tab برداشتم اما مشکل حل نمیشه….برنامه کامل اجرا میشه و tab ها کار می کنند.اما header را نمایش نمی دهد.و برای tab ها هم ایکون نمایش نمی ده و فقط title کار می کنه

[مهدی حسن زاده]

باید داکیومنت کتابخونه react navigation رو بخونیدقطعا در آپدیت جدید تغییراتی رخ داده است و باید بر اساس ویژگی های جدید کدهای خودتون رو تغییر بدید

[نویسنده]

نوشته‌ها