آموزش جاوااسکریپت انجمن ها react native react navigation در نمایش icon ها مشکل دارد

در حال نمایش 7 نوشته (از کل 7)
  • نویسنده
    نوشته‌ها
  • #28192 پاسخ
    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);

    #28196 پاسخ
    مهدی
    میهمان

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

    #28199 پاسخ
    gkasravi
    مشارکت کننده

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

    #28221 پاسخ

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

    #28224 پاسخ
    gkasravi
    مشارکت کننده

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

    #28226 پاسخ
    gkasravi
    مشارکت کننده

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

    #28227 پاسخ

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

در حال نمایش 7 نوشته (از کل 7)
پاسخ به: react navigation در نمایش icon ها مشکل دارد
اطلاعات شما: