React-native-router-flux: Navbar를 숨기는 방법?

'라우트'가 아닌 '라우터'에 사용하십시오. 문서에 대한 PR을 환영합니다 :)

나는 그것을 시도했지만 navbar를 제거하지 않습니다 :/

한번 확인해 볼게

루트 탐색 모음을 먼저 제거하셨습니까?

그렇지 않으면 하위 항목을 숨기면 표시됩니다...

확실히 하기 위해 가능한 대부분의 위치에 추가합니다.

안드로이드 또는 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/>

hideNavBar에 true 값을 할당할 필요조차 없습니다.
언급하면 정의되지 않은 것이 아니라 true 값을 제공한다는 의미입니다.
이 문제를 언급하는 미래의 사용자를 위해 추가하기만 하면 됩니다.

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

hideNavBar를 사용할 때 여전히 나타나는 이유

@Omarkojak 라우터에 paddingTop 65를 주었습니다. 즉, 제목(navbar)이 있든 없든 모든 장면에 paddingTop이 65가 됩니다.

확인 수정 죄송합니다

navbar를 숨길 뿐만 아니라 제거하는 방법이 있습니까? 숨겨져 있어도 여전히 화면의 공간을 차지합니다.

여전히 나타납니다. 이유를 알 수 없습니다.

이것에 대한 어떤 업데이트? 탐색을 숨기더라도 여전히 거기에 약간의 공간이 필요합니다.

@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
그래서 파란색 선으로 둘러싸인 부분을 제거했는데 잘 작동합니다.

하나의 루트 장면으로 래핑하십시오.

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

다음은 버전 3에서 완벽하게 작동하는 코드이지만 버전 4로 업그레이드했을 때 다음 오류가 발생했습니다.
[react-native-router-flux] 소품을 정의해야 합니다.
그래서 파란색 선으로 둘러싸인 부분을 제거했는데 잘 작동합니다.

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하거나 GitHub에서 보거나 스레드를 음소거하세요.

하나의 루트 장면으로 래핑하면 뒤로 버튼을 어떻게 제어할 수 있습니까? 나는 사용자가 로그인 페이지로 돌아갈 수 있기를 원하지 않기 때문에 '씬'을 사용했습니다.

RNRF에 대한 질문이 아니라 애플리케이션 구조에 대한 질문입니다. tabs 하거나 뒤로 버튼을 비활성화('초기화' 속성으로 표시)하거나 '바꾸기' 유형을 사용해야 한다고 생각합니다. 예를 확인하십시오.

실제로 v3는 여러 장면을 하나로 감쌌으므로 뒤로 버튼이 표시되지 않습니다(상위 탐색 모음을 숨기기 때문에).

@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를 사용하고 있습니다. 그리고 이 흰색 헤더 표시줄 문제가 있습니다. 며칠 동안 저를 데려가서 반응 탐색으로 인한 것이라고 의심하고 끌 수 있었지만 여전히 보기를 차단하는 다른 헤더가 있습니다. 그러면 반응 네이티브 라우터 플럭스 때문일 수 있다고 생각했습니다. @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>

원인은 무엇입니까?

나도 같은 문제가 있습니다.