如何在 Ionic 4 中移除启动画面前的灰色屏幕？

Question

有人成功从安卓设备启动ionic应用程序时移除灰色屏幕了吗？是否有方法可以去掉这个烦人的灰色屏幕？

- Teko Luzitu

Answer 1

我找到了一个解决方案，使用5个步骤，对我很有效。

1.) 在 project\platforms\android\app\src\main\res\values 文件夹下创建名为 colors.xml 的文件。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="gray">#fff</color>
    <color name="black">#fff</color>
</resources>

2.) 然后在 project\platforms\android\app\src\main\res\values 下创建一个新文件 styles.xml

<resources>
  <style name="SplashTheme" parent="@android:style/Theme.DeviceDefault.NoActionBar">
    <item name="android:windowBackground">@drawable/background_splash</item>
  </style>
</resources>

3.) 首先打开project\platforms\android\app\src\main目录下的AndroidManifest.xml文件，然后搜索android:theme="@android:style/Theme.DeviceDefault.NoActionBar"并替换为android:theme="@style/SplashTheme"

4.) 在project\platforms\android\app\src\main\res目录下创建一个名为drawable的文件夹

5.) 在drawable文件夹内创建一个名为background_splash.xml的新文件，代码如下。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">    
    <item android:drawable="@color/black"/>   
</layer-list>

这就是全部。 希望这有所帮助。

- Abhay Singh

Answer 2

对于我来说，我在style.xml文件中添加了以下代码：/Users/User/Development/project/platforms/android/app/src/main/res/values/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="SplashTheme"  parent="Theme.AppCompat.Light.NoActionBar">
      <item name="android:windowIsTranslucent">true</item>
      <item name="android:windowBackground">@android:color/transparent</item>
      <item name="android:windowContentOverlay">@null</item>
      <item name="android:windowNoTitle">true</item>
      <item name="android:windowIsFloating">false</item>
     <item name="android:backgroundDimEnabled">false</item>
    
</style>
</resources>

我修改了 AndroidManifest.xml 文件：android:theme="@style/SplashTheme"，并将其添加到活动中。

- Nsamba Isaac

Answer 3

添加

xmlns:android="http://schemas.android.com/apk/res/android"

并且

xmlns:cdv="http://cordova.apache.org/ns/1.0"

如果没有，请在项目根目录中的config.xml文件中的widget标签内添加。

然后将主活动的android:theme值替换为

@android:style/Theme.Light.NoTitleBar.Fullscreen

就这样。您不需要添加任何自定义样式（如果您不想的话）。

- mani kandan