更改默认浅灰色背景颜色

Lee*_*fin 8 react-native react-native-navigation

默认情况下,我在react-native项目中创建的每个屏幕都使用非常浅的灰色作为其背景颜色。正如你在这里看到的:

在此输入图像描述

我想知道我不是backgroundColor为项目的每个屏幕设置,而是在反应本机项目中是否有一个全局位置可以backgroundColor为项目中的所有屏幕设置一次?例如,我希望所有屏幕都使用蓝色作为背景色。

Gur*_*ran 18

由于您已经在使用react-navigation,它有一个主题提供程序,您可以提供自定义主题,代码如下所示,

import * as React from 'react';
import { NavigationContainer, DefaultTheme } from '@react-navigation/native';

const MyTheme = {
  ...DefaultTheme,
  colors: {
    ...DefaultTheme.colors,
    primary: 'rgb(255, 45, 85)',
    background:'red'
  },
};

export default function App() {
  return (
    <NavigationContainer theme={MyTheme}>{/* content */}</NavigationContainer>
  );
}
Run Code Online (Sandbox Code Playgroud)

您可以查看文档以获取更多信息