Jak ukryć cień pod nagłówkami nawigacji reagowania?
Wyglądają tak.
Jak ukryć cień pod nagłówkami nawigacji reagowania?
Odpowiedz
Dodaj następujące elementy do stylu nagłówka navigationOptions.
const AppNavigation = (
StackNavigator({
'The First Screen!': { screen: FirstScreen },
}, {
navigationOptions: {
header: {
style: {
elevation: 0, //remove shadow on Android
shadowOpacity: 0, //remove shadow on iOS
}
}
}
}
)
)
Dokumentacja nie jest wielki jeszcze, ale można dowiedzieć się o navigationOptions w React Navigation Docs.
Działa to dla mnie:
export const AppNavigator = StackNavigator(
{
Login: { screen: LoginScreen },
Main: { screen: MainScreen },
Profile: { screen: ProfileScreen },
},
navigationOptions: {
headerStyle: {
elevation: 0,
shadowOpacity: 0,
}
}
);
lub
export const AppNavigator = StackNavigator(
{
Login: { screen: LoginScreen },
Main: { screen: MainScreen },
Profile: { screen: ProfileScreen },
},
header: {
style: {
elevation: 0, //remove shadow on Android
shadowOpacity: 0, //remove shadow on iOS
}
}
);
Nie działa dla mnie. –
@GregBenner próby dodanie kodu wewnątrz komponentów przykład 'Login.navigationOptions = { headerStyle { wzniesienie: 0, shadowOpacity: 0, } }' – zarcode
const stackNavigatorLoggedInConfig = { cardStyle {shadowColor: 'przezroczysty'} , headerStyle: {height: 0, padding: '0', border: 'none'}, } –
Spróbuj przejściu cardStyle: { shadowColor: 'transparent' }
export const AppNavigator = StackNavigator(
{
Login: { screen: LoginScreen },
Main: { screen: MainScreen },
Profile: { screen: ProfileScreen },
},
cardStyle: { shadowColor: 'transparent' }
Jak na to pytanie React Navigation Stack Navigator default shadow styling
followi ng działa na mnie jak oryginał arkusza stylów używa "borderBottomWidth" on iOS:
const navigator = StackNavigator(screens, {
navigationOptions: {
headerStyle: {
elevation: 0,
shadowOpacity: 0,
borderBottomWidth: 0,
}
}
});
Można spróbować to i to działało na mnie!
export const SignedOut = StackNavigator({
SignIn: {
screen: SignInScreen,
navigationOptions: {
title: "SignIn",
headerStyle: {
shadowOpacity: 0, // This is for ios
elevation: 0 // This is for android
}
}
}
});
- 1. Jak wygenerować cień pod słowami na obrazku
- 2. Jak ukryć element uibarbutton paska nawigacji
- 3. Jak usunąć lub ukryć górny cień pasków narzędzi
- 4. 5,1 jak uniesieniem cień pod widokiem użyciu OnDraw metodę
- 5. Jak cień obszar pod krzywą przy użyciu ggplot2
- 6. jak ukryć klawiaturę w jquery mobile programowo pod fokusem()
- 7. Jak ukryć formularza zagnieżdżonych z jQuery pod IE8
- 8. box-shadow: wstawka do native-natywnego reagowania
- 9. Chcę ukryć pasek nawigacji iOS na konkretnym widoku
- 10. miękki cień, cień rozmycie w SceneKit
- 11. Producent nawigacji pasek przezroczysty czasowo pod obrazem w iOS 8.1
- 12. UICollectionView z dwoma nagłówkami
- 13. RealmBaseAdapter z nagłówkami sekcji
- 14. Ukryj Sekcja Box Cień
- 15. Miejsce poniżej pod spodem na pasku nawigacji Bootstrap
- 16. W nawigacji reagowania jaka jest różnica między nazwą trasy a kluczem?
- 17. CORS z nagłówkami php
- 18. Jak dodać cień do okna w JavaFX?
- 19. Jak usunąć cień otaczający FloatingActionButton?
- 20. Jak usunąć cień przycisku (Android)
- 21. Jak nakładać cień na ScrollView?
- 22. Subdomena w routerze reagowania
- 23. UINavigationBar pojawia się pod paskiem stanu
- 24. Jak dodać cień dolny do układu tabulatora
- 25. Querystring w routerze reagowania
- 26. Ruby https POST z nagłówkami
- 27. Przekierowanie MVC z niestandardowymi nagłówkami
- 28. jak zresetować reagowania-router na przeładowanie strony
- 29. Jak zaktualizować numer wersji aplikacji natywnej reagowania
- 30. Jak załadować plik przeceny do komponentu reagowania?
Daje mi to błąd: '' 'ExceptionsManager.js: 63 Obiekty nie są poprawne jako React child (znaleziono: object with keys {style}). Jeśli chcesz renderować kolekcję dzieci, użyj zamiast niej tablicy. w widoku (przy CardStack.js: 391) '' ' – zarcode