2017-04-04 65 views
1

当React Native应用程序开始运行时,有一个白色视图,如屏幕截图所示,我如何更改该视图的背景颜色?我无法在Xcode中找到活动。React Native:更改初始加载视图的背景颜色

enter image description here

因为在某些情况下,我重新启动应用程序,而用户看到闪光灯(上面的白色屏幕),所以我需要改变背景颜色。

在此先感谢。

+0

@AlirezaValizade你为什么这么想?有什么不对?你想要哪部分代码?AppDelegate? – Ataomega

+1

Tr y更改'LaunchScreen'文件。这是您的应用打开时显示的第一件事。另请注意,在产品发布版中,服务器不会捆绑,因此现在不需要担心。 – eden

+0

@EnieJakiro谢谢,但LaunchScreen不同。 LaunchScreen发生在根视图之后,如果您重新启动应用程序,您将看到一个闪光灯。一个白色的屏幕,这是根视图。 – Ataomega

回答

3

我只是发现它在AppDelegate.m

rootView.backgroundColor = [[UIColor alloc] initWithRed:0.0f green:0.64f blue:0.87f alpha:1]; 
0

尝试改变LaunchScreen文件。这是您的应用程序打开时显示的第一件事(如果您的捆绑时间过长,您将再次看到白色屏幕,IMO的最佳做法是使用splash screen.

使用启动画面,您可以关闭Splash View在componentDidMount()函数(可能的图像)像下面。

componentDidMount() { 
    // do anything while splash screen keeps, use await to wait for an async task. 
    SplashScreen.hide(); 
} 

还要注意的是,在产能释放,将不会有从本地服务器捆绑销售,所以没有必要担心,现在。

+0

感谢您的回答。我已经有了启动屏幕,事实并非如此。 – Ataomega

+0

很高兴你找到你需要的东西。但是,只有开发版本可以重新启动。我不会介意这太多。 – eden

+0

与react-native-restart模块,您也可以重新启动生产应用程序。就像代码推送一样,它可以在下载和安装js包时重新启动应用程序。 – Ataomega