React-native-router-flux: ナビゲーションバーを非表示にする方法は？

「Router」ではなく「Router」に使用します。 ドキュメントのPRは大歓迎です:)

私もそれを試しましたが、ナビゲーションバーは削除されません：/

確認させてください

最初にルートナビゲーションバーを削除してもよろしいですか？

それ以外の場合は、子を非表示にすると表示されます...

念のため、可能な限り多くの場所に追加します

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={true} :D

仕事 ！！！！ ありがとう@lakmalniranga

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

hiddenNavBarにtrueの値を割り当てる必要はありません。
私たちがそれについて言及する場合、それは単に、未定義ではなく真の値を与えていることを意味します。
この問題を参照している将来のユーザーのために追加するだけです。

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

HideNavBarを使用したときにまだ表示される理由

@Omarkojakルーターに65のpaddingTopを指定しました。つまり、タイトル（ナビゲーションバー）があるかどうかに関係なく、すべてのシーンで65のpaddingTopが取得されます。

申し訳ありませんが修正しました

ナビゲーションバーを非表示にするだけでなく、削除する方法はありますか？ 隠されていても、画面上のスペースを占有します。

それはまだ表示されます、私は理由がわかりません

これに関する更新はありますか？ ナビゲーションを非表示にしても、まだある程度のスペースが必要です

@MehranJanfeshan v4バージョンについて話しているのですか？

@aksonov返信ありがとうございます。バージョン4を入手しましたが、次のエラーが発生します。

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

最初に重大な変更を確認してください

13июля2017г.、в午前18時22分、MehranJanfeshan [email protected] написал（а）：

@aksonov返信ありがとうございます。バージョン4を入手しましたが、次のエラーが発生します。

[react-native-router-flux]小道具を定義する必要があります

—
あなたが言及されたので、あなたはこれを受け取っています。
このメールに直接返信するか、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
青い線で囲まれている部分を削除しましたが、問題なく動作します。

1つのルートシーンでラップします。

13июля2017г.、в午前18時55分、MehranJanfeshan [email protected] написал（а）：

これがバージョン3で完全に機能する私のコードですが、バージョン4にアップグレードすると、次のエラーが発生しました。
[react-native-router-flux]小道具を定義する必要があります
青い線で囲まれている部分を削除しましたが、問題なく動作します。

—
あなたが言及されたので、あなたはこれを受け取っています。
このメールに直接返信するか、GitHubで表示するか、スレッドをミュートしてください。

1つのルートシーンでラップした場合、戻るボタンを制御するにはどうすればよいですか？ ユーザーがログインページに戻れないようにしたいので、Sceneに慣れていました。

RNRFについての質問ではなく、アプリケーション構造についての質問です。 tabs使用するか、戻るボタンを無効にする（ 'init'属性でマークする）か、 'replace'タイプを使用する必要があると思います。 例を確認してください。

実際、v3は複数のシーンを1つにラップしただけなので、戻るボタンは表示されません（親のナビゲーションバーを非表示にしているため）

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

@ahmetilhannありがとう！ ルーター内の子シーンのすべてのヘッダーを削除しますが、v4.0.0-beta.3の時点でも機能します。

@ahmetilhannどうもありがとう！ おそらく古い方法は4.0以前のRNでのみ機能しますか？ 私は4.0.6を使用していて、 headerMode="none"機能します

プロジェクトをRN0.59.10にアップグレードしましたが、ルーターとシーンにreact-native-router-fluxを使用しています。 そして、この白いヘッダーバーの問題があります。 何日も私を連れて行って、それがreact-navigationによるものだと思って、なんとかオフにしたが、それでもビューをブロックしている別のヘッダーがあり、それから私だけがreact-native-router-fluxによるものかもしれないと思った。 @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>

原因は何でしょうか？

私も同じ問題を抱えています。