React-native-router-flux: नेवबार को कैसे छुपाएं?

को निर्मित 10 दिस॰ 2015 · 42टिप्पणियाँ · स्रोत: aksonov/react-native-router-flux

मैं शीर्ष नेविगेशन बार को हटाना चाहता हूं।
मैंने मार्ग पर showNavigationBar={false} सेट करने का प्रयास किया है, लेकिन यह अभी भी वहीं है।
क्या मुझसे साफ़ - साफ़ कुछ चीज़ चूक रही है?

स्रोत

sslash

सबसे उपयोगी टिप्पणी

यह मेरे लिए काम करता है!

lakmalniranga 26 फ़र॰ 2017

👍90 ❤23 🎉17 😄13 👎1

सभी 42 टिप्पणियाँ

इसे 'रूटर' के लिए इस्तेमाल करें, 'रूट' के लिए नहीं। दस्तावेज़ीकरण के लिए पीआर का स्वागत है :)

aksonov 10 दिस॰ 2015

मैंने वह भी कोशिश की है, नावबार को नहीं हटाता: /

sslash 10 दिस॰ 2015

मैं जाँच करता हूं

aksonov 10 दिस॰ 2015

क्या आप सुनिश्चित हैं कि आपने पहले रूट नेवबार हटा दिया है?

aksonov 10 दिस॰ 2015

वरना छुपे हुए बच्चे हो तो दिख जाएगा...

aksonov 10 दिस॰ 2015

skjermbilde 2015-12-10 kl 17 05 52

सुनिश्चित करने के लिए, मैं इसे सबसे संभावित स्थानों में जोड़ता हूं

sslash 10 दिस॰ 2015

एंड्रॉइड या आईओएस? मैंने अभी-अभी डेमो संशोधित किया है, लॉगिन में फ़्लैग जोड़ा है और वहां सामान्य रूप से नावबार नहीं दिखता है:
या आप "लॉन्च" नावबार छिपाना चाहते हैं? तब शायद '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>

aksonov 10 दिस॰ 2015

1.0.2 संस्करण की जाँच करें, मैंने उदाहरण के भीतर भी 'लॉन्च' स्क्रीन के लिए एनएवी बार को अक्षम कर दिया है।

aksonov 10 दिस॰ 2015

एक जादू की तरह काम किया। धन्यवाद!

sslash 10 दिस॰ 2015

यह मेरे लिए काम करता है!

lakmalniranga 26 फ़र॰ 2017

👍90 ❤23 🎉17 😄13 👎1

  <Router hideNavBar={true} >

भी काम करता है।

bjax13 18 अप्रैल 2017

👍12 👎7 🎉4

मैंने उपरोक्त कोड को लकमलनिरंगा से आजमाया, लेकिन हेडर अभी भी एक जगह लेता है।
https://snag.gy/91aXTj.jpg

vvavepacket 4 मई 2017

HideNavBar = {सच}: D

EmersonStark 18 मई 2017

काम !!!! धन्यवाद @lakmalniranga

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

lyrl 23 मई 2017

🎉4

हमें HideNavBar को सही मान देने की भी आवश्यकता नहीं है।
यदि हम इसका उल्लेख करते हैं तो इसका सीधा सा मतलब है कि हम इसे अपरिभाषित होने के बजाय सत्य का मान दे रहे हैं।
इस मुद्दे का जिक्र करने वाले भविष्य के उपयोगकर्ताओं के लिए बस जोड़ रहे हैं।

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

sivcan 25 मई 2017

👍3

कोई विचार क्यों HideNavBar का उपयोग करते समय यह अभी भी प्रकट होता है
screen shot 2017-06-09 at 1 34 44 am
screen shot 2017-06-09 at 1 33 59 am

Omarkojak 9 जून 2017

👍3 👎1

@Omarkojak आपने राउटर को 65 का पैडिंग टॉप दिया है। इसका मतलब है कि प्रत्येक दृश्य को 65 का पैडिंग टॉप मिलता है चाहे उनके पास शीर्षक (नेवबार) हों या नहीं।

godfredcs 14 जून 2017

👍6

ठीक है इसके लिए खेद है

Omarkojak 15 जून 2017

👍2

नावबार को न केवल छिपाने का, बल्कि उसे हटाने का भी कोई तरीका है? छिपा हुआ भी, यह अभी भी स्क्रीन पर जगह लेता है।

rwehresmann 27 जून 2017

यह अभी भी प्रकट होता है, मैं नहीं देख सकता क्यों
111
222

Icacls 7 जुल॰ 2017

इस पर किसी भी अद्यतन? भले ही नौसेना छुपाएं फिर भी वहां कुछ जगह लेता है

MehranJanfeshan 13 जुल॰ 2017

@MehranJanfeshan क्या आप v4 वर्जन की बात कर रहे हैं?

aksonov 13 जुल॰ 2017

@aksonov उत्तर के लिए धन्यवाद, मुझे संस्करण 4 मिला है लेकिन मुझे यह त्रुटि मिल रही है:

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

MehranJanfeshan 13 जुल॰ 2017

पहले ब्रेकिंग परिवर्तनों की जाँच करें

13 नवंबर 2017 मई, 18:22 को, मेहरान जनफेशन नोटिफिकेशन @github.com написал(а):
@aksonov उत्तर के लिए धन्यवाद, मुझे संस्करण 4 मिला है लेकिन मुझे यह त्रुटि मिल रही है:
[प्रतिक्रिया-देशी-राउटर-प्रवाह] सहारा परिभाषित किया जाना चाहिए
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें, या थ्रेड को म्यूट करें।

aksonov 13 जुल॰ 2017

@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>

लेकिन यह वह नहीं है जो मैं चाहता हूं, मैं दृश्य को वर्गीकृत करने में सक्षम होना चाहता हूं, क्या कोई अन्य विकल्प है?

MehranJanfeshan 13 जुल॰ 2017

मुझे समस्या समझ में नहीं आ रही है। कृपया उदाहरण जांचें और वहां अपनी समस्या को पुन: पेश करने का प्रयास करें।

13 नवंबर 2017 को, 18:45 को मेहरान जनफेशन नोटिफिकेशन @github.com पर:
@aksonov मैंने पाया कि पुराने संस्करण में मैं ऐसा करने में सक्षम था:
लेकिन जब मैं संस्करण 4 में चला गया तो मैं ऐसा नहीं कर सकता इसलिए मैंने इसे बदल दिया और यह काम कर गया:
लेकिन यह वह नहीं है जो मैं चाहता हूं, मैं दृश्य को वर्गीकृत करने में सक्षम होना चाहता हूं, क्या कोई अन्य विकल्प है?
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें, या थ्रेड को म्यूट करें।

aksonov 13 जुल॰ 2017

यहां मेरा कोड है जो संस्करण 3 में पूरी तरह से काम करता है लेकिन जब मैंने संस्करण 4 में अपग्रेड किया तो मुझे यह त्रुटि मिली:
[react-native-router-flux] props should be defined
इसलिए मैंने उस हिस्से को हटा दिया जो नीली रेखा से घिरा हुआ है और यह ठीक काम करता है।

MehranJanfeshan 13 जुल॰ 2017

इसे एक मूल दृश्य के साथ लपेटें।

13 नवंबर 2017 मई, 18:55 को, मेहरानजानफेशन नोटिफिकेशन @github.com написал(а):
यहां मेरा कोड है जो संस्करण 3 में पूरी तरह से काम करता है लेकिन जब मैंने संस्करण 4 में अपग्रेड किया तो मुझे यह त्रुटि मिली:
[प्रतिक्रिया-देशी-राउटर-प्रवाह] सहारा परिभाषित किया जाना चाहिए
इसलिए मैंने उस हिस्से को हटा दिया जो नीली रेखा से घिरा हुआ है और यह ठीक काम करता है।
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें, या थ्रेड को म्यूट करें।

aksonov 13 जुल॰ 2017

अगर मैं इसे एक रूट सीन से लपेटता हूं तो मैं बैक बटन को कैसे नियंत्रित कर सकता हूं? मैं नहीं चाहता कि उपयोगकर्ता लॉगिन पेज पर वापस आ सके, इसलिए मैं सीन का इस्तेमाल करता था।

MehranJanfeshan 13 जुल॰ 2017

यह आरएनएफ के बारे में नहीं बल्कि आपके आवेदन संरचना के बारे में अधिक है। मुझे लगता है कि आपको tabs का उपयोग करने या बैक बटन को अक्षम करने की आवश्यकता है (इसे 'init' विशेषता के साथ चिह्नित करें) या 'प्रतिस्थापन' प्रकार का उपयोग करें। उदाहरण की जाँच करें।

aksonov 13 जुल॰ 2017

असल में v3 ने कई दृश्यों को एक में लपेट लिया है, इसलिए आपको कोई बैक बटन नहीं दिखाई देगा (क्योंकि आप पैरेंट नेवबार छुपाते हैं)

aksonov 13 जुल॰ 2017

@aksonov मदद के लिए धन्यवाद और महान काम के लिए धन्यवाद :)

MehranJanfeshan 13 जुल॰ 2017

इसने मेरे लिए काम किया: <Scene key="homeScreen" component={mainScreen} hideNavBar={1} />

adarshTS 27 जुल॰ 2017

आप बस <Scene key="homeScreen" component={mainScreen} hideNavBar /> . का उपयोग कर सकते हैं

aksonov 27 जुल॰ 2017

👍2 ❤1

@lakmalniranga इसने मेरे लिए काम किया, धन्यवाद!

vhson0610 2 अक्तू॰ 2017

काम करता है

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

ahmetilhann 25 जन॰ 2018

👍6 🎉4 ❤2 😄2

@ahmetilhann धन्यवाद! राउटर में चाइल्ड सीन के सभी हेडर हटा देता है, फिर भी v4.0.0-beta.3 के रूप में काम करता है।

0paIescent 6 जून 2018

@ahmetilhann बहुत बहुत धन्यवाद! शायद पुराना तरीका केवल पूर्व 4.0 RN पर काम करता है? मैं 4.0.6 पर हूं और headerMode="none" काम करता हूं

X9He 25 मई 2019

मेरे प्रोजेक्ट को RN0.59.10 में अपग्रेड किया गया, हालाँकि अभी भी राउटर और सीन के लिए प्रतिक्रिया-देशी-राउटर-फ्लक्स का उपयोग कर रहा है। और यह सफेद हेडर बार मुद्दा है। मुझे दिनों के लिए ले गया, जबकि मुझे संदेह था कि यह प्रतिक्रिया-नेविगेशन के कारण था और इसे बंद करने में कामयाब रहा लेकिन फिर भी दृश्य को अवरुद्ध करने वाला एक और शीर्षलेख है, केवल मैंने सोचा कि प्रतिक्रिया-मूल-राउटर-प्रवाह के कारण हो सकता है। @ahmetilhann विधि काम कर रही है। राउटर, लाइफ सेवर पर हैडरमोड = "कोई नहीं" सेट करें !!!

padlock98 3 सित॰ 2019

यह मेरे लिए काम करता है!

मुद्दे पर

ShubhamTomar98 3 जन॰ 2020

👍1

नमस्ते,
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>

क्या कारण हो सकता है?

Screenshot_2020-05-03 elschool

ameurbilel 3 मई 2020

नमस्ते,
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>
क्या कारण हो सकता है?

मेरा भी यही मुद्दा है।

cells800 21 जून 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React-native-router-flux: नेवबार को कैसे छुपाएं?

सबसे उपयोगी टिप्पणी

सभी 42 टिप्पणियाँ

संबंधित मुद्दों