更改导航页眉背景颜色
更改导航页眉背景颜色
提问于 2017-07-26 22:17:39
很难理解如何更改导航标题栏的背景色。我正在使用react导航和Expo来构建我的应用程序。
backgroundColor似乎什么也不做。你知道怎么做吗？
我的代码如下：
static navigationOptions = () => ({
title: 'My App',
headerTintColor: Colors.DarkBlue,
backgroundColor: 'red',
headerLeft:
<HeaderBarItem to='InfoScreen' title='App info' />,
headerRight:
<HeaderBarItem to='FeedbackScreen' title='Feedback' />
});回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-26 23:50:48
这应该是可行的：
static navigationOptions = () => ({
title: 'My App',
headerTintColor: Colors.DarkBlue,
headerStyle: {
backgroundColor: 'red'
},
headerLeft:
<HeaderBarItem to='InfoScreen' title='App info' />,
headerRight:
<HeaderBarItem to='FeedbackScreen' title='Feedback' />
});
Stack Overflow用户
发布于 2020-07-06 20:04:44
我在论坛上尝试了很多答案，但都找不到可行的解决方案。最后，如果你使用的是最新的RN，下面的内容对我和你都有效：
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen
name="Home"
component={Main}
options={{ title: 'Welcome', headerStyle: {
backgroundColor: '#e7305b'
} }}
/>
</Stack.Navigator>
</NavigationContainer>
);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45329620
复制相关文章
相似问题