React Native - 更改 Header 的背景颜色

Question

screenshot of my app

我想知道如何将白色 header 的颜色更改为黑色？

Answer 1

我假设您正在使用 React Navigation 在 React Native 应用程序上导航。

这是配置header后台的演示代码块。

export default function App() {

  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
            name="Home"
            component={HomeScreen}
            options={{ title: 'Demo', headerStyle: {
              backgroundColor: '#000000'
           } }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}