2015-11-19 11 views
11

Używam React Native 0.14.0 do opracowania aplikacji dla systemu Android. Obecnie używam komponentu ToolbarAndroid, aby dodać pasek narzędzi do mojej sceny, ale nie jest on przechowywany między scenami. Zauważyłem, że Navigator ma właściwość navigationBar, którą można ustawić na składnik Navigator.NavigationBar, który powinien zawierać obiekt zajmujący się tytułem oraz lewymi i prawymi przyciskami paska nawigacji. See the official example to understand what I mean. Ponieważ w tej części jest mało dokumentacji, muszę polegać na przykładzie, aby poprawnie ustawić navigationBar.React Native - Korzystanie z ToolbarAndroid z nawigacją Navigator Bar

Ta Navigator.NavigationBar nie jest tak wydajna jak ToolbarAndroid, ponieważ nie ma automatycznie miejsca na logo.

Czy istnieje sposób użycia ToolbarAndroid z właściwością navigationBar z Navigator?

+0

Każda aktualizacja w tej sprawie? Co w końcu wykorzystałeś? – antoine129

+0

@ antoine129 Nie mogłem znaleźć sposobu i upuściłem to. Wydali nowego ExNavigatora, nie wiem, czy byłoby to możliwe. – mrcasals

+1

Dobra, w końcu stworzyłem własny NavBar i dostosowałem go, i zwraca 'Navigator.NavigationBar ... {... this.props} />', dzięki czemu mogę go podać do ''. Działa jak marzenie... – antoine129

Odpowiedz

3

Niezupełnie. Najbliższym, co prawdopodobnie można uzyskać, jest owinięcie paska narzędzi ToolbarAndroid w komponent i mapowanie metod nawigatora na funkcje. Ale to pokonuje cel, ponieważ prawdopodobnie najbardziej interesuje Cię interfejs użytkownika ToolbarAndroid.

Musisz przekazać komponent, który będzie zachowywał się podobnie do Navigator.NavigationBar. Jeśli uda ci się wpaść na komponent, który będzie dobrze grał i dostarczysz oczekiwanych rekwizytów, zadziała.