Android 上 React Native 应用程序周围的厚黑边/边框答案

【问题标题】：Thick black edge/border around a React Native app on AndroidAndroid 上 React Native 应用程序周围的厚黑边/边框
【发布时间】：2017-04-19 01:16:15
【问题描述】：

前段时间我用 React Native 构建了一个 Android 应用程序。我们在许多设备上对其进行了测试，没有遇到我在这里询问的任何问题。

我在这里要求的是有关可能导致此问题的建议。我是应用程序的开发人员，但在这种情况下，我不知道从哪里开始。

最近，有人在 HTC One m7 上安装了它，现在屏幕周围应该是这个应用程序的地方都有这个粗黑边框。结尾有图。

您可以看到该应用仍在扩大其应有的全尺寸，但边缘被涂黑了。

这是我第一次看到这种情况，经过一番搜索，似乎找不到其他人抱怨这种事情。这是我唯一一次在我们运行过它的任何设备上看到它。

任何想法可能是什么原因？

【问题讨论】：

我没有适合您的解决方案，但我遇到了a problem on tablets which looks similar。您是否在 android studio 的布局检查器（工具 -> android -> 布局检查器）中查看过您的应用程序？那里有黑色边框吗？
谢谢，这是个好建议。我没有，但我会的。你的也出现在那里吗？
不，对我来说，布局检查器中没有显示黑色边框，它只是按原样显示了 UI，这让我认为它实际上并不是我的活动视图的一部分，但是一些额外的 android 覆盖在顶部。
感谢您的回复。非常有帮助。在我的情况下，它当然看起来也像放在上面的东西。我会继续挖掘。
@Yhilan 你找到解决这个问题的方法了吗？它适用于我的一些设备，但在 Nexus 6P（设备和模拟器）上给了我相同的黑色边框。我似乎无法弄清楚。

标签： android react-native

【解决方案1】：

就我而言，我只是删除了这一行：

<item name="android:windowBackground">@drawable/launch_screen_bitmap</item>

关于res/values/styles.xml：

而且效果很好。

【讨论】：

老兄。你几个月前写了这个，我当时投了赞成票，但直到现在才有机会尝试它，在一个完全不同的应用程序和手机上，它又发生了。我记得你已经回复了，回到这里，试过了，它奏效了。传奇。谢谢！

【解决方案2】：

删除<item name="android:windowBackground">@drawable/launch_screen_bitmap</item> 可以解决问题，但您会丢失启动画面。要获得带有background 的初始屏幕以填充屏幕，请添加bitmap 项，如下所示。

<item>
    <bitmap
        android:gravity="fill_horizontal|fill_vertical"
        android:src="@drawable/background"/>
</item>

【讨论】：

对我来说，我需要正确地将图像放入分辨率文件夹中，即 xxhdpi，并使用android:gravity="center|fill_horizontal|fill_vertical"