Android-TV 应用程序显示白屏

Question

我已经用 react-native 和 expo 构建了一个应用程序。 将它安装在我的 Android-TV 和我的 Android-TV 模拟器上。

当我通过 ES 文件资源管理器应用程序运行该应用程序时，该应用程序可以工作，但是当我尝试通过在 Android-TV 应用程序部分单击它来定期运行它时，我得到了一个恒定的白屏。

通过 $exp build:android 使用 expo 构建 apk。 App.json 代码：

 {
  "expo": {
    "name": "CommuniTV",
    "description": "The future of watching TV is here!",
    "slug": "CommuniTV",
    "privacy": "public",
    "sdkVersion": "26.0.0",
    "platforms": ["ios", "android"],
    "version": "1.0.4",
    "orientation": "landscape",
    "entryPoint": "./App.js",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "package": "project.communiTV.com",
      "versionCode": 104,
      "permissions": [],
      "icon": "./AppIcon.png",
      "adaptiveIcon": {
        "foregroundImage": "./launcherIcon.png" // size is 1024x1024
      }
    }
  }
}

在网上找不到任何解决方案，我被卡住了。

有什么建议？ 第一个屏幕截图 - 我点击这里我得到一个白屏

第二个屏幕截图 - 我将从这里开始应用程序运行良好

Answer 1

在花了一些时间查看本机代码后，我通过向 app.json 添加适当的配置设法解决了这个问题：

"android": {
  ...
  "intentFilters": [
    {
      "action": "MAIN",
      "category": [
        "LEANBACK_LAUNCHER"
      ]
    }
  ]
},

更详细的答案可以在这里找到：https ://gist.github.com/miazga/2e6449e0c591e3ac8e22185b2edb447d

Answer 2

按照此线程中的建议， Go to File -> Setting -> Build,Execution,Deployment -> Instant Run然后取消选中Enable Instant Run如果已选中），然后运行项目。

同样来自此链接，当您的应用程序启动时，它首先使用启动活动的主题来显示窗口背景。 如果你没有在styles.xml指定windowBackground ，将会使用默认的白色，并且会损坏用户体验。

Answer 3

到目前为止，马特的答案似乎已经过时了，它在阅读清单时抛出了构建时间错误。

TypeError: Cannot convert undefined or null to object
    at Function.entries (<anonymous>)
    at renderIntentFilterDatumEntries (/app/turtle/node_modules/@expo/xdl/build/detach/AndroidIntentFilters.js:33:17)
    at /app/turtle/node_modules/@expo/xdl/build/detach/AndroidIntentFilters.js:37:70
    at Array.map (<anonymous>)
    at renderIntentFilterData (/app/turtle/node_modules/@expo/xdl/build/detach/AndroidIntentFilters.js:37:48)
    at /app/turtle/node_modules/@expo/xdl/build/detach/AndroidIntentFilters.js:25:9
    at Array.map (<anonymous>)
    at renderIntentFilters (/app/turtle/node_modules/@expo/xdl/build/detach/AndroidIntentFilters.js:22:24)
    at runShellAppModificationsAsync (/app/turtle/node_modules/@expo/xdl/build/detach/AndroidShellApp.js:632:115)
    at async Object.createAndroidShellAppAsync (/app/turtle/node_modules/@expo/xdl/build/detach/AndroidShellApp.js:392:3)
    at async runShellAppBuilder (/app/turtle/build/builders/android.js:95:9)
    at async Object.buildAndroid [as android] (/app/turtle/build/builders/android.js:43:28)
    at async build (/app/turtle/build/jobManager.js:181:33)
    at async processJob (/app/turtle/build/jobManager.js:118:32)
    at async Object.doJob (/app/turtle/build/jobManager.js:49:5)
    at async main (/app/turtle/build/server.js:66:13)

我用数据属性更新了它，现在似乎工作正常，在世博会 39 和 40 上测试

另请注意，您还必须在类别中包含“LAUNCHER”，否则某些设备可能仍会显示白屏。

"intentFilters": [
        {
          "action": "MAIN",
          "data":{},
          "category": [
            "LEANBACK_LAUNCHER",
            "LAUNCHER"
          ]
        }
      ]