H5/APP交互、JsBridge - 翔子的博客

翔子

前端开发工程师

博客已从 VitePress 迁移到 Astro + Firefly 主题，223 篇文章全部保留。

归档 221

算法 44 工作 39 前端工程 37 前端框架 32 工具 21 语言基础 21 编辑器 13 DevOps 10 其他 4

232 字

1 分钟

H5/APP交互、JsBridge

2023-12-26

工作

work

一、导航栏右侧按钮 1、App 原生导航栏右侧按钮默认为”更多” 2、如需换成”完成”、“提交”等文案，则需要 H5 在 OpenWebView 里增加参数 nav_right_menu , 当用户点击完成时，App 会调用 H5 的 jsToNativeComplete 函数，并回退到上级页面。

1
{
2
    "need_nav": 1,
3
    "nav_right_menu": {
4
        "title": "完成",
5
        "callback_func": "jsToNativeComplete()"
6
    },
7
　"need_back_refresh": 1, // 返回刷新
8
    "need_to_intercept_back": {
9
        "title": "提醒",
10
        "msg": "退出日程编辑将无法保存当前内容，确定退出吗?"
11
    }
12
}

二、H5 获取键盘高度

如需换成”完成”、“提交”等文案，则需要 H5 在 OpenWebView 里增加参数 nav_right_menu , 当用户点击完成时，App 会调用 H5 的 jsToNativeComplete 函数，并回退到上级页面。

1
{
2
    "need_nav": 1,
3
    "nav_right_menu": {
4
        "title": "完成",
5
        "callback_func": "jsToNativeComplete()"
6
    },
7
　"need_back_refresh": 1, // 返回刷新
8
    "need_to_intercept_back": {
9
        "title": "提醒",
10
        "msg": "退出日程编辑将无法保存当前内容，确定退出吗?"
11
    }
12
}