React-native-router-flux: كيف تخفي نافبار؟

استخدمه لـ "جهاز التوجيه" وليس لـ "المسار". العلاقات العامة للتوثيق مرحب بها :)

لقد حاولت ذلك أيضًا ، ولم أزل شريط التنقل: /

دعني أتحقق

هل أنت متأكد من إزالة الجذر navbar أولا؟

وإلا فسيكون مرئيًا إذا كنت تخفي الأطفال ...

فقط للتأكد ، أضفته في معظم الأماكن الممكنة

Android أم iOS؟ لقد قمت للتو بتعديل العرض التوضيحي ، وأضفت إشارة إلى تسجيل الدخول ولا أرى شريط التنقل هناك بشكل طبيعي:
أو تريد إخفاء شريط التنقل "تشغيل"؟ ثم ربما لا يقوم برنامج "wrapRouter" بتمريره إلى جهاز التوجيه الداخلي ، وسوف أقوم بإصلاحه.

            <Route name="launch" component={Launch} initial={true} wrapRouter={true} title="Launch"/>
            <Route name="register" component={Register} title="Register"/>
            <Route name="home" component={Home} title="Replace" type="replace"/>
            <Route name="login" schema="modal">
                <Router showNavigationBar={false}>
                    <Route name="loginModal" component={Login} title="Login" schema="modal"/>
                    <Route name="loginModal2" component={Login2} title="Login2"/>
                </Router>
            </Route>
            <Route name="register2" component={Register} title="Register2"  schema="withoutAnimation"/>
            <Route name="tabbar">
                <Router footer={TabBar} showNavigationBar={false}>
                    <Route name="tab1" schema="tab" title="Tab #1" >
                        <Router>
                            <Route name="tab1_1" component={TabView} title="Tab #1_1" />
                            <Route name="tab1_2" component={TabView} title="Tab #1_2" />
                        </Router>
                    </Route>
                    <Route name="tab2" schema="tab" title="Tab #2" component={TabView} />
                    <Route name="tab3" schema="tab" title="Tab #3" component={TabView} />
                    <Route name="tab4" schema="tab" title="Tab #4" component={TabView} />
                    <Route name="tab5" schema="tab" title="Tab #5" component={TabView} />
                </Router>
            </Route>
        </Router>

تحقق من إصدار 1.0.2 ، لقد قمت بتعطيل شريط التنقل لشاشة "التشغيل" داخل المثال أيضًا.

عملت مثل السحر. شكرا!

هذا يعمل بالنسبة لي!

  <Router hideNavBar={true} >

يعمل أيضا.

لقد جربت الكود أعلاه من lakmalniranga ، لكن العنوان لا يزال يحتل مكانًا.
https://snag.gy/91aXTj.jpg

hideNavBar = {صحيح}: د

الشغل !!!! شكرا lakmalniranga

<Scene key="SplashSCreen" component={SplashSCreen}  title="splash" hideNavBar={true} initial/>

لا نحتاج حتى إلى تعيين قيمة لـ hideNavBar صحيحة.
إذا ذكرناها ، فهذا يعني ببساطة أننا نعطيها قيمة حقيقية بدلاً من كونها غير محددة.
مجرد إضافة للمستخدمين في المستقبل بالإشارة إلى هذه المشكلة.

<Scene 
key="SplashSCreen" 
component={SplashSCreen}  
title="splash" 
hideNavBar
 initial
/>

أية أفكار عن سبب استمرار ظهورها عند استخدام hideNavBar

Omarkojak لقد أعطيت جهاز التوجيه أعلى 65 مساحة متروكة. وهذا يعني أن كل مشهد يحصل على مساحة 65 في الأعلى سواء كانت تحتوي على عناوين (navbar) أم لا.

حسنا ثابتة آسف لذلك

هل هناك أي طريقة ليس فقط لإخفاء شريط التنقل ، ولكن أيضًا لإزالته؟ حتى مخفية ، لا تزال تشغل مساحة على الشاشة.

لا يزال يظهر ، لا أستطيع أن أرى لماذا

أي تحديث على هذا؟ حتى لو كان إخفاء التنقل لا يزال يشغل بعض المساحة هناك

MehranJanfeshan هل تتحدث عن إصدار v4؟

aksonov شكرًا على الرد ، لقد حصلت على الإصدار 4 ولكني أتلقى هذا الخطأ:

[react-native-router-flux] props should be defined

تحقق من كسر التغييرات أولاً

13 июля 2017 г.، в 18:22، MehranJanfeshan [email protected] написал (а):

aksonov شكرًا على الرد ، لقد حصلت على الإصدار 4 ولكني أتلقى هذا الخطأ:

يجب تحديد الدعائم [رد فعل-أصلي-موجه-تدفق]

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذه الرسالة الإلكترونية مباشرةً ، أو اعرضها على GitHub ، أو قم بكتم صوت الموضوع.

aksonov لقد وجدت أنه في الإصدار القديم كنت قادرًا على القيام بذلك:
<Router sceneStyle={{margin:0}} hideNavBar={true}> <Scene key="auth"> <Scene key="login" component={AuthScreen}/> </Scene> <Scene key="main"> <Scene onRight={() => Actions.auth()} rightTitle="Log out" key="newOrderList" component={EmployeeList} title="New Orders" initial /> <Scene key="orderDetails" component={OrderDetails} title="Order Details"/> </Scene> </Router>

ولكن بعد أن انتقلت إلى الإصدار 4 ، لا يمكنني القيام بذلك ، لذا قمت بالتغيير إلى هذا وقد نجح الأمر:

<Router sceneStyle={{margin:0}} hideNavBar={true}> <Scene key="auth"> <Scene key="login" component={AuthScreen}/> <Scene onRight={() => Actions.auth()} rightTitle="Log out" key="newOrderList" component={EmployeeList} title="New Orders" initial /> <Scene key="orderDetails" component={OrderDetails} title="Order Details"/> </Scene> </Router>

لكن ليس هذا ما أريده ، أريد أن أستطيع تصنيف المشهد ، هل هناك بديل آخر؟

أنا لا أفهم المشكلة. يرجى مراجعة المثال ومحاولة إعادة إظهار مشكلتك هناك.

13 июля 2017 г.، в 18:45، MehranJanfeshan [email protected] написал (а):

aksonov لقد وجدت أنه في الإصدار القديم كنت قادرًا على القيام بذلك:

ولكن بعد أن انتقلت إلى الإصدار 4 ، لا يمكنني القيام بذلك ، لذا قمت بالتغيير إلى هذا وقد نجح الأمر:

لكن ليس هذا ما أريده ، أريد أن أستطيع تصنيف المشهد ، هل هناك بديل آخر؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذه الرسالة الإلكترونية مباشرةً ، أو اعرضها على GitHub ، أو قم بكتم صوت الموضوع.

هذا هو الكود الخاص بي الذي يعمل بشكل مثالي في الإصدار 3 ولكن عندما قمت بالترقية إلى الإصدار 4 حصلت على هذا الخطأ:
[react-native-router-flux] props should be defined
لذلك أزلت الجزء المحاط بالخط الأزرق وهو يعمل بشكل جيد.

لفها بمشهد جذري واحد.

13 июля 2017 г.، в 18:55، MehranJanfeshan [email protected] написал (а):

هذا هو الكود الخاص بي الذي يعمل بشكل مثالي في الإصدار 3 ولكن عندما قمت بالترقية إلى الإصدار 4 حصلت على هذا الخطأ:
يجب تحديد الدعائم [رد فعل-أصلي-موجه-تدفق]
لذلك أزلت الجزء المحاط بالخط الأزرق وهو يعمل بشكل جيد.

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذه الرسالة الإلكترونية مباشرةً ، أو اعرضها على GitHub ، أو قم بكتم صوت الموضوع.

إذا قمت بلفها بمشهد جذري واحد ، فكيف يمكنني التحكم في زر الرجوع؟ لا أريد أن يتمكن المستخدم من الرجوع إلى صفحة تسجيل الدخول ، ولهذا السبب اعتدت على Scene.

لا يتعلق الأمر بمسألة RNRF ولكن المزيد عن هيكل التطبيق الخاص بك. أعتقد أنك بحاجة إلى استخدام tabs أو تعطيل زر الرجوع (قم بتمييزه بسمة "init") أو استخدام النوع "replace". تحقق من المثال.

في الواقع ، قام الإصدار 3 بلف العديد من المشاهد في واحد ، لذلك لن ترى أي زر رجوع (لأنك تخفي شريط التنقل الأصلي)

aksonov شكرا للمساعدة وشكرا على العمل الرائع :)

نجح هذا بالنسبة لي: <Scene key="homeScreen" component={mainScreen} hideNavBar={1} />

يمكنك فقط استخدام <Scene key="homeScreen" component={mainScreen} hideNavBar />

lakmalniranga لقد نجح هذا بالنسبة لي ، شكرًا!

يعمل

const RouterComponent = () => (
    <Router headerMode="none">
        <Stack key="main">
            <Scene 
                key="login" 
                component={Login} 
            />
        </Stack>
    </Router>
);

تضمين التغريدة يزيل جميع رؤوس المشاهد الفرعية في جهاز التوجيه ، ولا يزال يعمل اعتبارًا من الإصدار 4.0.0-beta.3.

ahmetilhann شكرا جزيلا! ربما الطريقة الأقدم تعمل فقط على ما قبل 4.0 RN؟ أنا في 4.0.6 و headerMode="none" يعمل

قمت بترقية مشروعي إلى RN0.59.10 ، ولكن لا يزال يستخدم تدفق جهاز التوجيه الأصلي لجهاز التوجيه والمشهد. ووجود مشكلة شريط الرأس الأبيض هذه. أخذني لعدة أيام ، طوال الوقت الذي كنت أظن أنه بسبب رد الفعل والملاحة وتمكنت من إيقاف تشغيله ولكن لا يزال هناك رأس آخر يحجب العرض ، ثم فكرت فقط في أنه قد يكون بسبب رد فعل جهاز التوجيه الأصلي. ahmetilhann طريقة العمل. تعيين headerMode = "none" في جهاز التوجيه ، منقذ الحياة !!!

هذا يعمل بالنسبة لي!

الى حد، الى درجة

مرحبا،
استخدام hideNavBar يجعل مكونات الثقب تختفي.
هذا هو الكود الخاص بي:

<Router>
                <Stack key="root" >
                    <Scene key="login" component={Login} title="Login" initial={true} hideNavBar={true}/>
                    <Scene key="signup" component={Signup} title="Signup" />
                </Stack>
</Router>

ماذا يمكن أن يكون السبب؟

مرحبا،
استخدام hideNavBar يجعل مكونات الثقب تختفي.
هذا هو الكود الخاص بي:

<Router>
                <Stack key="root" >
                    <Scene key="login" component={Login} title="Login" initial={true} hideNavBar={true}/>
                    <Scene key="signup" component={Signup} title="Signup" />
                </Stack>
</Router>

ماذا يمكن أن يكون السبب؟

لدي نفس المشكلة أيضا.