成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

h5 與 RN 交互文檔

fantix / 1019人閱讀

摘要:向發(fā)送消息的方式,需按照以下格式標題欄有按鈕比如分享提交等需要盡早向發(fā)送消息,告訴按鈕的類型最好中左邊按鈕類型右邊按鈕類型布爾值隱藏可選點擊按鈕觸發(fā)的事件同一種按鈕,在不同頁面有不同功能時,需要傳這個值的背景色的色值可選如果沒有情況下,右邊

h5 向 RN 發(fā)送消息的方式,需按照以下格式:

      window.ReactNativeWebView.postMessage(JSON.stringify({ 
          action: String, 
          payload: Object,
      }));
1、 標題欄有按鈕(比如分享、提交等)

需要盡早向RN發(fā)送消息,告訴RN按鈕的類型(最好constructor中)

    action: "sendHeaderButtonType",
    payload: {
        leftType:"左邊按鈕類型",
        rightType:"右邊按鈕類型",
        hideHeader: "布爾值", // true 隱藏header,可選
        onPressType: "點擊按鈕觸發(fā)的事件",// 同一種按鈕,在不同頁面有不同功能時,需要傳這個值
        headerBgColor: "header的背景色的色值", //可選
       },

如果沒有herder情況下, hideHeader: true

右邊按鈕是分享

 rightType: "share"

左邊按鈕是取消,右邊按鈕是提交:

leftType:"cancel",
rightType: "submit",
onPressType: "consultDoctorSubmit" // 咨詢醫(yī)生提交訂單

2、向 RN 發(fā)送信息

發(fā)送分享的內(nèi)容:

   action:"sendShareMessage"`,
   payload:{shareTitle:"分享的標題",shareContent:"分享的剪短的內(nèi)容(不超過30字)"}
   // ps: 分享有兩種情況,1、點擊header上的按鈕(所以需要這個action把分享的內(nèi)容傳給RN),
   //2、點擊h5內(nèi)的分享按鈕, 

3、H5點擊頁面內(nèi)的按鈕,需要RN處理動作

點擊支付按鈕,需要app來支付:

咨詢訂單:

action:"onPressWechatPay"
payload: {orderType: "consultationOrder",orderId: "訂單id", redirectUrl:"支付完成后需要進入的url"}

檢測訂單:

action:"onPressWechatPay"
payload: {orderType: "detectionOrder",orderId: "訂單id", redirectUrl:"支付完成后需要進入的url"}

點擊分享按鈕,需要app 處理分享:

 action: "onPressShare"
 payload:{shareTitle:"分享的標題",shareContent:"分享的剪短的內(nèi)容(不超過30字)"}
 // PS: 如果已經(jīng)發(fā)送過`sendShareMessage`這個消息,payload 可以為空
 

點擊h5內(nèi)的返回按鈕,需要RN來處理返回邏輯:

      action: "onPressGoBack",
4、h5頁面如果觸發(fā)登錄頁面,需要用RN的登錄頁面
  action: "navigateToLogin"
  payload: {currentUrl:"當前的url"} 
  
  
5、RN向 H5 發(fā)送消息

RN向h5發(fā)送消息,需要用以下的形式:

        this.webref.injectJavaScript(`
           window.g_app._store.dispatch({
               type: "action的類型",
               payload:
           });
           true;
      `);

RN點擊app內(nèi)的按鈕,觸發(fā)h5的動作,

{
    `type`:`user/changeIsPress`,
    `payload`:`{onPressType:"按鈕觸發(fā)的動作類型"}`
}
  
  其中`onPressType`的值:
- `咨詢醫(yī)生`提交訂單: `onPressType`:`"consultDoctorSubmit"`
- `RN`支付成功,需要通知`h5`刷新頁面,`onPressType`: `onWeChatPaySuccess`

RN 向h5發(fā)送token:

{
    type:"chat/saveUserToken",
    payload:"token的值"
}    

RN需要h5隱藏所有付費項目的入口,以規(guī)避iOS審核IAP要求:

{
    type:"user/hidePurchaseInfo",
}   
6、h5頁面的title發(fā)生變化時,需要向RN發(fā)送消息傳遞新的title:
    action: "onPageTitleChange",
    payload: {pageTitle: "頁面的title"}
7、h5需要RN展示 loading動畫,需要向RN發(fā)送消息:
{
    action:"manageAppLoading",
    payload: {type:"具體的動作"},
}

顯示loading 時: type:"showLoading"

隱藏loading 時: type:"hideLoading"

8、h5需要手機的權(quán)限(相機權(quán)限等),需要向RN發(fā)送消息:
    {
        action:"requestPermission",
        payload:{permissionType: "權(quán)限類型"}
    }

其中,permissionType的值:

請求相機權(quán)限: permissionType:"camera"

請求位置權(quán)限: permissionType: "location"

9、h5需要撥打電話:
    {
        action:"makePhoneCall",
        payload:{phoneNumber: "手機號碼"}
    }

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/105775.html

相關(guān)文章

  • 跨平臺技術(shù)演進

    摘要:接下來,我將從原理優(yōu)缺點等方面為大家分享跨平臺技術(shù)演進。小程序年是微信小程序飛速發(fā)展的一年,年,各大廠商快速跟進,已經(jīng)有了很大的影響力。下面,我們以微信小程序為例,分析小程序的技術(shù)架構(gòu)。 前言 大家好,我是simbawu ,@BooheeFE Team Leader,關(guān)于這篇文章,有問題歡迎來這里討論。 隨著移動互聯(lián)網(wǎng)的普及和快速發(fā)展,手機成了互聯(lián)網(wǎng)行業(yè)最大的流量分發(fā)入口。以及隨著5G...

    魏憲會 評論0 收藏0
  • 跨平臺技術(shù)演進

    摘要:接下來,我將從原理優(yōu)缺點等方面為大家分享跨平臺技術(shù)演進。小程序年是微信小程序飛速發(fā)展的一年,年,各大廠商快速跟進,已經(jīng)有了很大的影響力。下面,我們以微信小程序為例,分析小程序的技術(shù)架構(gòu)。 前言 大家好,我是simbawu ,@BooheeFE Team Leader,關(guān)于這篇文章,有問題歡迎來這里討論。 隨著移動互聯(lián)網(wǎng)的普及和快速發(fā)展,手機成了互聯(lián)網(wǎng)行業(yè)最大的流量分發(fā)入口。以及隨著5G...

    MasonEast 評論0 收藏0

發(fā)表評論

0條評論

fantix

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<