很难理解如何更改导航标题栏的背景色。我正在使用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' />
});
发布于 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' />
});
发布于 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>
);
}
https://stackoverflow.com/questions/45329620
复制相似问题