React-native-router-flux: Bagaimana cara menyembunyikan bilah navigasi?

Gunakan untuk 'Router', bukan untuk 'Rute'. PR untuk dokumentasi dipersilahkan :)

udah ane coba juga, navbarnya ga ilang :/

Biarkan saya memeriksa

Apakah Anda yakin Anda menghapus root navbar terlebih dahulu?

Kalau tidak, itu akan terlihat jika Anda menyembunyikan anak-anak ...

Hanya untuk memastikan, saya menambahkannya di sebagian besar tempat

Android atau iOS? Saya baru saja memodifikasi demo, menambahkan tanda ke Login dan tidak melihat navbar di sana secara normal:
Atau Anda ingin menyembunyikan bilah navigasi "Luncurkan"? Maka mungkin 'wrapRouter' tidak meneruskannya ke Router dalam, saya akan memperbaikinya.

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

Periksa versi 1.0.2, saya telah menonaktifkan bilah navigasi untuk layar 'peluncuran' dalam Contoh juga.

Bekerja seperti pesona. Terima kasih!

Ini bekerja untuk saya!

  <Router hideNavBar={true} >

Juga bekerja.

Saya mencoba kode di atas dari lakmalniranga, tetapi header masih membutuhkan tempat.
https://snag.gy/91aXTj.jpg

hideNavBar = {benar}: D

bekerja !!!! terima kasih @lakmalniranga

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

Kami bahkan tidak perlu menetapkan hideNavBar nilai true.
Jika kita menyebutkannya maka itu berarti kita memberinya nilai true daripada tidak terdefinisi.
Hanya menambahkan untuk pengguna masa depan yang mengacu pada masalah ini.

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

ada ide mengapa saat menggunakan hideNavBar masih muncul

@Omarkojak Anda memberi Router paddingTop 65. Itu berarti setiap adegan mendapat paddingTop 65 apakah mereka memiliki judul (navbar) atau tidak.

ok diperbaiki maaf untuk itu

Adakah cara untuk tidak hanya menyembunyikan navbar, tetapi juga menghapusnya? Bahkan disembunyikan, itu masih memakan ruang di layar.

itu masih muncul, saya tidak bisa melihat mengapa

ada pembaruan tentang ini? bahkan jika menyembunyikan navigasi masih membutuhkan ruang di sana

@MehranJanfeshan Apakah Anda berbicara tentang versi v4?

@aksonov Terima kasih atas jawabannya, saya mendapatkan versi 4 tetapi saya mendapatkan kesalahan ini:

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

Periksa perubahan yang melanggar terlebih dahulu

13 2017 ., 18:22, MehranJanfeshan [email protected] аписал(а):

@aksonov Terima kasih atas jawabannya, saya mendapatkan versi 4 tetapi saya mendapatkan kesalahan ini:

props [react-native-router-flux] harus didefinisikan

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub, atau matikan utasnya.

@aksonov saya menemukan bahwa di versi lama saya bisa melakukan ini:
<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>

tetapi setelah saya pindah ke versi 4 saya tidak bisa melakukannya jadi saya mengubah ini dan itu berhasil:

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

tapi ini bukan yang saya inginkan, saya ingin dapat mengkategorikan Scene, apakah ada alternatif lain?

Saya tidak mengerti masalahnya. Silakan periksa Contoh dan coba untuk mereproduksi masalah Anda di sana.

13 2017 ., 18:45, MehranJanfeshan [email protected] аписал(а):

@aksonov saya menemukan bahwa di versi lama saya bisa melakukan ini:

tetapi setelah saya pindah ke versi 4 saya tidak bisa melakukannya jadi saya mengubah ini dan itu berhasil:

tapi ini bukan yang saya inginkan, saya ingin dapat mengkategorikan Scene, apakah ada alternatif lain?

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub, atau matikan utasnya.

di sini adalah kode saya yang berfungsi dengan baik di versi 3 tetapi ketika saya memutakhirkan ke versi 4 saya mendapatkan kesalahan ini:
[react-native-router-flux] props should be defined
jadi saya menghapus bagian yang dikelilingi oleh garis biru dan itu berfungsi dengan baik.

Bungkus dengan satu adegan root.

13 2017 ., 18:55, MehranJanfeshan [email protected] аписал(а):

di sini adalah kode saya yang berfungsi dengan baik di versi 3 tetapi ketika saya memutakhirkan ke versi 4 saya mendapatkan kesalahan ini:
props [react-native-router-flux] harus didefinisikan
jadi saya menghapus bagian yang dikelilingi oleh garis biru dan itu berfungsi dengan baik.

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub, atau matikan utasnya.

jika saya membungkusnya dengan satu adegan root lalu bagaimana saya bisa mengontrol tombol kembali? Saya tidak ingin pengguna dapat kembali ke halaman login, itu sebabnya saya menggunakan Scene.

Ini bukan pertanyaan tentang RNRF tetapi lebih tentang struktur aplikasi Anda. Saya kira Anda perlu menggunakan tabs atau menonaktifkan tombol kembali (tandai dengan atribut 'init') atau gunakan jenis 'ganti'. Periksa Contoh.

Sebenarnya v3 hanya membungkus beberapa adegan menjadi satu, jadi Anda tidak akan melihat tombol kembali (karena Anda menyembunyikan navbar induk)

@aksonov Terima kasih atas bantuannya dan terima kasih atas pekerjaan yang luar biasa :)

ini bekerja untuk saya : <Scene key="homeScreen" component={mainScreen} hideNavBar={1} />

Anda bisa menggunakan <Scene key="homeScreen" component={mainScreen} hideNavBar />

@lakmalniranga ini berhasil untuk saya, terima kasih!

Pekerjaan

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

@ahmetilhann Terima kasih! Menghapus semua header Adegan anak di Router, masih berfungsi pada v4.0.0-beta.3.

@ahmetilhann terima kasih banyak! mungkin cara yang lebih lama hanya berfungsi pada pra 4.0 RN? Saya menggunakan 4.0.6 dan headerMode="none" berfungsi

Upgrade proyek saya ke RN0.59.10, namun masih menggunakan react-native-router-flux untuk Router dan Scene. Dan memiliki masalah bilah tajuk putih ini. Butuh waktu berhari-hari, sementara saya curiga itu karena navigasi-reaksi dan berhasil mematikannya tetapi masih ada tajuk lain yang menghalangi pandangan, maka saya hanya berpikir mungkin karena reaksi-asli-router-fluks. @ahmetilhann metode BEKERJA. Setel headerMode="none" di Router, penyelamat hidup!!!

Ini bekerja untuk saya!

ke titik

Halo,
menggunakan hideNavBar membuat komponen lubang menghilang.
Ini kode saya:

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

Apa yang bisa menjadi penyebabnya?

Halo,
menggunakan hideNavBar membuat komponen lubang menghilang.
Ini kode saya:

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

Apa yang bisa menjadi penyebabnya?

Saya memiliki masalah yang sama juga.