如何为Android底部导航Activity配置单个WebView加载对应URL

1. 前置配置 #

在AndroidManifest.xml中添加网络访问权限：

<uses-permission android:name="android.permission.INTERNET" />

2. 布局调整 #

在主页面布局文件中添加WebView控件，保留自动生成的BottomNavigationView即可：

<WebView
    android:id="@+id/webview_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toTopOf="@id/nav_view" />

界面效果参考：

3. 核心Java逻辑实现 #

在MainActivity中完成WebView初始化和导航切换监听配置：
首先声明全局变量和常量：

private WebView mWebView;
// 替换为你自己的各页面URL
private static final String URL_HOME = "https://你的商城首页地址";
private static final String URL_CATEGORY = "https://你的分类页地址";
private static final String URL_CART = "https://你的购物车地址";
private static final String URL_PROFILE = "https://你的个人中心地址";

在onCreate方法中初始化WebView：

mWebView = findViewById(R.id.webview_main);
// WebView基础配置
WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true); // 商城页面依赖JS必须开启
settings.setDomStorageEnabled(true); // 支持本地存储，适配登录状态、购物车缓存等需求
settings.setAllowFileAccess(true);
// 所有页面在当前WebView加载，不跳转系统浏览器
mWebView.setWebViewClient(new WebViewClient());
// 默认加载首页
mWebView.loadUrl(URL_HOME);

配置底部导航切换监听：

BottomNavigationView navView = findViewById(R.id.nav_view);
navView.setOnItemSelectedListener(item -> {
    int id = item.getItemId();
    if (id == R.id.navigation_home) {
        mWebView.loadUrl(URL_HOME);
        return true;
    } else if (id == R.id.navigation_category) {
        mWebView.loadUrl(URL_CATEGORY);
        return true;
    } else if (id == R.id.navigation_cart) {
        mWebView.loadUrl(URL_CART);
        return true;
    } else if (id == R.id.navigation_profile) {
        mWebView.loadUrl(URL_PROFILE);
        return true;
    }
    return false;
});

添加返回键适配，优先回退WebView浏览历史：

@Override
public void onBackPressed() {
    if (mWebView.canGoBack()) {
        mWebView.goBack();
        return;
    }
    super.onBackPressed();
}

4. 注意事项 #

• 测试阶段如果需要加载HTTP协议的页面，需要在AndroidManifest.xml的<application>节点添加android:usesCleartextTraffic="true"配置，正式上线建议全量使用HTTPS协议
• 涉及用户登录、支付等敏感操作时，建议添加JS接口安全校验，避免跨站脚本攻击
• 可以根据业务需求自定义WebChromeClient，实现加载进度提示、文件选择、alert弹窗适配等交互能力

内容的提问来源于stack exchange，提问作者Elimimian Osemaoje