亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

h5 與 RN 交互文檔

fantix / 1040人閱讀

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

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

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

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

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

如果沒(méi)有herder情況下, hideHeader: true

右邊按鈕是分享

 rightType: "share"

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

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

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

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

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

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

點(diǎn)擊支付按鈕,需要app來(lái)支付:

咨詢訂單:

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

檢測(cè)訂單:

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

點(diǎn)擊分享按鈕,需要app 處理分享:

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

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

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

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

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

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

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

RN 向h5發(fā)送token:

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

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

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

顯示loading 時(shí): type:"showLoading"

隱藏loading 時(shí): type:"hideLoading"

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

其中,permissionType的值:

請(qǐng)求相機(jī)權(quán)限: permissionType:"camera"

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

9、h5需要撥打電話:
    {
        action:"makePhoneCall",
        payload:{phoneNumber: "手機(jī)號(hào)碼"}
    }

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/105775.html

相關(guān)文章

  • 跨平臺(tái)技術(shù)演進(jìn)

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

    魏憲會(huì) 評(píng)論0 收藏0
  • 跨平臺(tái)技術(shù)演進(jìn)

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

    MasonEast 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

fantix

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<