在 TWA 中隐藏 Android 软导航（Bubblewrap）答案

【问题标题】：Hide Android Soft Navigation in TWA (Bubblewrap)在 TWA 中隐藏 Android 软导航（Bubblewrap）
【发布时间】：2020-05-18 06:56:19
【问题描述】：

我已按照本指南 (https://developers.google.com/web/android/trusted-web-activity/quick-start) 构建 TWA 应用程序，但我需要隐藏 android 软导航栏（而不是 URL 栏）。

我找到了这个 (https://developer.android.com/training/system-ui/navigation)，但不知道在哪里放置 onResume() 方法。

我之前没有在 Android Studio 中做过任何东西，对此我完全陌生。非常感谢您的帮助。

谢谢

【问题讨论】：

标签： android progressive-web-apps trusted-web-activity twa bubblewrap

【解决方案1】：

更新：

您所指的内容在 Android 上称为 Immersive Mode。从版本 1.4.0 开始，Bubblewrap CLI 在初始化应用程序时评估清单的 display 属性。如果值为fullscreen，它会自动将沉浸式模式应用于您的 TWA。确保在您的网络清单中将 display 设置为 fullscreen。

对于现有应用，更新文件twa-manifest.json 并将display 属性添加/更新为fullscreen，然后运行bubblewrap update 和bubblewrap build。

替代/手动方法：

也可以手动更新 Bubblewrap 创建的项目以使用全屏/沉浸模式：

编辑app/build.gradle 以使用最新版本的android-browser-helper 版本。文件底部的dependencies 部分应如下所示：

dependencies {
    implementation fileTree(include: ['*.jar'], dir: 'libs')
    implementation 'com.google.androidbrowserhelper:androidbrowserhelper:1.3.0'
}

请注意，androidbrowserhelper 的最低版本应为1.3.0。

编辑app/src/main/AndroidManifest.xml 并添加一个新的meta-data 标记，其中android:name 属性设置为android.support.customtabs.trusted.DISPLAY_MODE，android:value 属性设置为immersive 以在activity 标记内使用沉浸式模式：李>

<activity android:name="com.google.androidbrowserhelper.trusted.LauncherActivity"
    android:label="@string/launcherName">

    ...

    <meta-data android:name="android.support.customtabs.trusted.FALLBACK_STRATEGY"
        android:value="@string/fallbackType" />

    <meta-data android:name="android.support.customtabs.trusted.DISPLAY_MODE"
    android:value="immersive"/>

    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>

    ...
</activity>

现在，当运行bubblewrap build 时，应用程序将使用额外的元标记并以全屏/沉浸式模式启动。

【讨论】：

谢谢！！这正是我所需要的