如何在反應導航標題下隱藏陰影?
他們看起來像這樣。
如何在反應導航標題下隱藏陰影?
回答
將以下內容添加到navigationOptions標題樣式中。
const AppNavigation = (
StackNavigator({
'The First Screen!': { screen: FirstScreen },
}, {
navigationOptions: {
header: {
style: {
elevation: 0, //remove shadow on Android
shadowOpacity: 0, //remove shadow on iOS
}
}
}
}
)
)
的文檔不是很大,但你可以瞭解在React Navigation Docs navigationOptions。
這個工作對我來說:
export const AppNavigator = StackNavigator(
{
Login: { screen: LoginScreen },
Main: { screen: MainScreen },
Profile: { screen: ProfileScreen },
},
navigationOptions: {
headerStyle: {
elevation: 0,
shadowOpacity: 0,
}
}
);
或
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
}
}
);
不適用於我。 –
@GregBenner嘗試添加內部組件的代碼,例如'Login.navigationOptions = { headerStyle:{ 海拔:0, shadowOpacity:0, } }' – zarcode
常量stackNavigatorLoggedInConfig = { cardStyle:{則shadowColor: '透明'} , headerStyle:{height:0,padding:'0',border:'none'}, } –
嘗試通過cardStyle: { shadowColor: 'transparent' }
export const AppNavigator = StackNavigator(
{
Login: { screen: LoginScreen },
Main: { screen: MainScreen },
Profile: { screen: ProfileScreen },
},
cardStyle: { shadowColor: 'transparent' }
按這個問題React Navigation Stack Navigator default shadow styling
的followi ng適合我,因爲原始樣式表使用"borderBottomWidth" on iOS:
const navigator = StackNavigator(screens, {
navigationOptions: {
headerStyle: {
elevation: 0,
shadowOpacity: 0,
borderBottomWidth: 0,
}
}
});
您可以試試這個,它對我很有用!
export const SignedOut = StackNavigator({
SignIn: {
screen: SignInScreen,
navigationOptions: {
title: "SignIn",
headerStyle: {
shadowOpacity: 0, // This is for ios
elevation: 0 // This is for android
}
}
}
});
- 1. 在堆棧導航器中隱藏標題反應導航
- 2. UISearchDisplayController隱藏下拉陰影
- 3. 隱藏導航欄標題
- 4. 反應本機隱藏底部導航
- 5. 如何隱藏單面陰影效果?
- 6. CSS文本 - 陰影導航問題
- 7. 如何刪除導航欄的陰影
- 8. 如何在boostrap datetimepicker中隱藏標題導航?
- 9. 如何在導航活動中隱藏藍色標題欄?
- 10. 問題隱藏導航欄
- 11. 如何隱藏工具欄上的反應導航
- 12. 標籤導航欄隱藏
- 13. 陰影變色導航欄
- 14. 如何隱藏導航欄?
- 15. 如何隱藏導航欄?
- 16. 如何隱藏反應導航的TabNavigator的稱號,我想只顯示圖標
- 17. CSS:隱藏在我的網頁陰影
- 18. 將陰影添加到導航欄的標題
- 19. 如何從後臺隱藏導航欄標題「BACK」
- 20. 如何隱藏導航欄的標題保持後退按鈕
- 21. 如何將陰影添加到導航圖標?
- 22. 反應導航標題包裹
- 23. 反應本地堆棧導航標題
- 24. 如何使用TabNavigation在反應導航中顯示標題
- 25. 如何在android中隱藏導航欄?
- 26. 如何在iPhone中隱藏導航欄?
- 27. 在反應原生導航器的導航條中替換標題導航條
- 28. 繪製隱藏在半透明視圖下的陰影?
- 29. 隱藏在透明NSWindow中的不透明NSView留下陰影
- 30. 反應導航導航標題頂部的絕對位置
這給了我錯誤:ExceptionsManager.js:63對象作爲React子項(找到:具有keys {style}的對象)無效。如果您想渲染一組兒童,請改用數組。 在視圖中(在CardStack.js:391)''' – zarcode