时间戳

首页 > 解决方案 > 如何修复 Android 的启动画面？

android - 如何修复 Android 的启动画面？

问题描述

我在 React Native 应用程序（react 0.59 和 SDK 32）上使用 Expo，Android 上的初始屏幕在屏幕顶部显示一个白条，就像它不是全屏一样。飞溅图像具有背景颜色#CEECFF。

我怎么能避免呢？

这是我的 app.json：

"expo": {
    ...
    "splash": {
      "image": "./assets/images/common/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#CEECFF"
    },
    "android": {
      ...
      "splash": {
        "backgroundColor": "#CEECFF",
        "resizeMode": "contain",
        "mdpi": "./assets/images/common/splash-mdpi.png",
        "hdpi": "./assets/images/common/splash-hdpi.png",
        "xhdpi": "./assets/images/common/splash-xhdpi.png",
        "xxhdpi": "./assets/images/common/splash-xxhdpi.png",
        "xxxhdpi": "./assets/images/common/splash-xxxhdpi.png"
      }
    }
  }

非常感谢！

编辑：看起来像是 EXPO CLI 特有的行为，一旦使用 EXPO 构建应用程序并在 Android 上作为本机测试，它就可以正常工作......

标签： androidreact-nativeexpo

解决方案

请添加这些属性以删除屏幕顶部的白条。

 "androidStatusBar": {
      "backgroundColor": "#C2185B"
    }

或者您可以隐藏状态栏。请检查：- https://docs.expo.io/versions/v32.0.0/guides/configuring-statusbar/

推荐阅读