Taro活动列表中,对某一个活动添加分享按钮

采用data-留下分享链接的拼接参数
1.在item文件中写按钮 openType=“share”

<Button
     className={classes.rowRightShareButton}
     openType="share"
     data-share-transfer-id={lastGiftingTransferId}
     data-share-picture-url={shareUrl}
     data-share-title={shareTitle}
     onClick={this.onShareClick}
   >
     分享好友
   </Button>
 </View>

2.onShareClick防止item详情页跳转

private onShareClick(e: ITouchEvent) {
   e.stopPropagation();
 }

3.在主页面中添加分享按钮

onShareAppMessage(obj: ShareAppMessageObject) {
    const dataset = get(obj, 'target.dataset', {});
    if (!dataset.shareTransferId) {
      return {};
    }
    const shareConfig: ShareAppMessageReturn = {
      path: `/subpackages/stored-value-card/pages/receive-gift-card/index?id=${dataset.shareTransferId}`,
      imageUrl: dataset.sharePictureUrl,
      title: dataset.shareTitle
    };
    return shareConfig;
  }

相关推荐

  1. Taro活动列表一个活动添加分享按钮

    2024-04-03 05:58:02       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-03 05:58:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-03 05:58:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-03 05:58:02       87 阅读
  4. Python语言-面向对象

    2024-04-03 05:58:02       96 阅读

热门阅读

  1. Node.js基本命令

    2024-04-03 05:58:02       32 阅读
  2. Nginx中间件服务:负载均衡(调度算法)

    2024-04-03 05:58:02       38 阅读
  3. mallocfree和newdelete的区别

    2024-04-03 05:58:02       36 阅读
  4. Elasticsearch 的索引优化常规项

    2024-04-03 05:58:02       31 阅读
  5. 「PHP系列」PHP数组排序及运用场景

    2024-04-03 05:58:02       41 阅读
  6. SpringMVC参数绑定

    2024-04-03 05:58:02       37 阅读
  7. 持续集成中软件测试的作用

    2024-04-03 05:58:02       35 阅读
  8. iOS Widget Custom Intent 去除邮件警告

    2024-04-03 05:58:02       40 阅读