React Native - 更改標題的背景顏色

Question

我的應用程序的屏幕截圖

我想知道如何將白色標題的顏色更改為黑色？

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>
  );
}