taro 设置右上角省略号分享、分享到朋友圈、分享群聊获取更多消息、收藏

分享:
	在要分享的页面的js文件中设置:
	 onShareAppMessage:function(from,target,webViewUrl)
	  {
		参数:
			from 	转发事件来源。button:页面内转发按钮;menu:右上角转发菜单 	
			target 	如果 from 值是 button,则 target 是触发这次转发事件的 button,否则为 undefined 
			webViewUrl 页面中包含web-view组件时,返回当前web-view的url 	
		
	    return{
	      title:'点击转发后,页面文章的标题',
	      path: "/pages/news/news-detail/news-detail"
		  imageUrl:'本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG'
		  	不写默认为当前页面截图
	    }
	  }
	其中:
		该函数与data同级
		path的默认路径为根路径,即src开始
		path:'/必要要以/开头,放置要分析页面的文件路径,可根据app.json内的配置信息设置'

点击按钮分享:
	button 组件设置属性 openType="share",可以在用户点击按钮后触发 Page.onShareAppMessage

分享到朋友圈:
	必须先定义onShareAppMessage,定义该回调,点击右上角分享,才会显示
	
	onShareTimeline(){
		return{
			title:自定义标题,即朋友圈列表页上显示的标题 	当前小程序名称 	
			query:自定义页面路径中携带的参数,如 path?a=1&b=2 的 “?” 后面部分 	当前页面路径携带的参数 	
			imageUrl:自定义图片路径,可以是本地文件或者网络图片。支持 PNG 及 JPG,显示图片长宽比是 1:1。 	默认使用小程序 Logo 	

		}
	}
	
分享到群聊获取更多信息:
	Taro.showShareMenu 并且设置 withShareTicket 为 true ,当用户将小程序转发到任一群聊之后,此转发卡片在群聊中被其他用户打开时,
	可以在 App.onLaunch 或 App.onShow 获取到一个 shareTicket。通过调用 Taro.getShareInfo 接口传入此 shareTicket 可以获取到转发信息。

收藏:

	onAddToFavorites(webviewUrl) {	页面中包含web-view组件时,返回当前web-view的url

	    return {
	      title: '自定义标题',
	      imageUrl: 'http://demo.png',
	      query: 'name=xxx&age=xxx',
    }
  }

代码示例:

import Taro from '@tarojs/taro'
import {View,Text,Button,Image} from '@tarojs/components'
import React,{Component} from 'react'

import {add } from '../../utils/db/index'

class Game extends Component{   

    state={
        imgs:[],
        cloudImgs:[],
        fileID:''
    }

    _hideShareMenu=()=>{
        Taro.hideShareMenu({
            success()
            {
                console.log('ww');
            },
            fail()
            {
                console.log('dd')
            }
        });
        wx.hideShareMenu();
    }
    
    onShareTimeline(){
        return{
       	
            title:'分享',

        }
    }
    
     onShareAppMessage()
     {
         return{
             title:'点击转发后,页面文章的标题',
         }
     }
    render()
    {


        return(

            <View>
                <Button  openType='share'>转发</Button>

            </View>
        )
    }
}

export default Game
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值