React-native-router-flux: Как скрыть навигатор?

Используйте его для Router, а не для Route. 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/>

Нам даже не нужно присваивать hideNavBar значение true.
Если мы упоминаем об этом, это просто означает, что мы присваиваем ему значение true, а не значение undefined.
Просто добавляю для будущих пользователей, имеющих отношение к этой проблеме.

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

любые идеи, почему при использовании hideNavBar он все еще появляется

@Omarkojak Вы дали Router paddingTop равным 65. Это означает, что каждая сцена получает paddingTop равным 65, независимо от того, есть ли у них заголовки (панель навигации) или нет.

хорошо исправлено, извините за это

Есть ли способ не только скрыть навбар, но и удалить его? Даже скрытый, он все равно занимает место на экране.

он все еще появляется, я не понимаю, почему

какие-нибудь обновления по этому поводу? даже если скрыть навигацию все еще занимает там место

@MehranJanfeshan Вы про версию v4?

@aksonov Спасибо за ответ, я получил версию 4, но получаю такую ​​ошибку:

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

Сначала проверьте критические изменения

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

@aksonov Спасибо за ответ, я получил версию 4, но получаю такую ​​ошибку:

[response-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, я получил эту ошибку:
[response-native-router-flux] реквизиты должны быть определены
поэтому я удалил часть, обведенную синей линией, и она работает нормально.

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub или отключите обсуждение.

если я оберну его одной корневой сценой, тогда как я могу управлять кнопкой возврата? Я не хочу, чтобы пользователь мог вернуться на страницу входа, поэтому я использовал Scene.

Речь идет не о RNRF, а о структуре вашего приложения. Я думаю, вам нужно использовать tabs или отключить кнопку возврата (отметьте ее атрибутом 'init') или используйте тип 'replace'. Проверить пример.

На самом деле 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 для Router и Scene. И эта проблема с белой полосой заголовка. Занял у меня несколько дней, все время, пока я подозревал, что это было из-за реакции-навигации, и мне удалось его отключить, но все же есть другой заголовок, блокирующий представление, тогда только я подумал, что это может быть связано с response-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>

Что может быть причиной?

У меня такая же проблема.