在方向改变时防止白色边缘

我用最小的React-Native应用程序重现了这个问题：

render() { return View({style: { flex: 1, backgroundColor: 'black' }}) } 

当我旋转手机时，在方向转换过程中，屏幕的一侧有一个白色部分。 如何将该区域的颜色与背景的其余部分相同？

Answer 1

在你的应用程序的RootView中，默认的背景颜色是白色的。 您可以使用以下步骤将其更改为另一种颜色：

在这个例子中，我们将在iOS上将背景颜色设置为黑色 。

打开位于PROJECT_DIR/ios/Appname/ AppDelegate.m进行编辑。

find与以下内容类似的代码片段：

 RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"Appname" initialProperties:nil launchOptions:launchOptions]; 

在上一个代码片段之后立即添加以下代码行：

rootView.backgroundColor = [UIColor blackColor];

生成的代码块应如下所示：

 RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"Appname" initialProperties:nil launchOptions:launchOptions]; rootView.backgroundColor = [UIColor blackColor]; 

BAM！ RootView背景色在iOS上设置！

这个信息和更多可以从这个博客文章： 改变反应原生RootView背景色（iOS和Android）由杰伊·加西亚。 （我相信这篇文章中的Android信息可能会过时，这就是为什么我没有包括Android的步骤）。

希望这可以帮助！

Answer 2

我不确定你在这里提到什么。 但是，包含这个观点的东西也许还需要有其背景设定呢？