ShareView 分享组件 >=v2.0.0

渲染出一个分享弹窗。

使用说明

引入

独立sdk化组件，需要单独从 @qnpm/qunar-react-native-sdk 库中引入。

import { Share, ShareView } from '@qnpm/qunar-react-native-sdk';

基本用法

通过 visible 属性渲染出一个分享弹窗。分享参数 shareParam 属性必传。

<ShareView visible
    shareParam = {{
       //默认分享内容设置
       common: {
           title: '去哪儿网',
           desc: '聪明你的旅行',
           link: 'http://app.qunar.com/',
           imgUrl: 'http://source.qunarzz.com/common/hf/logo.png'
       },

       //单独设置分享内容，可选，下面为单独设置的朋友圈分享内容
       wechatTimeline: {
           title: '朋友圈',
           desc: '聪明你的旅行',
           link: 'http://www.qunar.com/',
           imgUrl: 'http://img1.qunarzz.com/p/p78/1601/74/93df1e3741e903f7.jpg'
       }
    }}
/>

自定义分享渠道

可以通过 shareTypes 属性自定义分享渠道，支持的分享渠道如下(具体可参照 Share API)。

<ShareView
    visible={this.state.visible}
    shareTypes={[
        Share.wechatTimeline, //朋友圈
        Share.wechatFriends, //微信好友
        Share.sinaWeibo, //新浪微博
        Share.QQFriend, //QQ好友
        Share.sms, //短信
        Share.email, //分享到邮件
        Share.copyLink, //copy链接
        Share.systemShare, // 系统分享
    ]}
    shareParam = {{
       common: {
           title: '去哪儿网',
           desc: '聪明你的旅行',
           link: 'http://app.qunar.com/',
           imgUrl: 'http://source.qunarzz.com/common/hf/logo.png'
       }
    }}
/>

属性

shareTypes =={ array }==

分享渠道，可选，没有这个属性的话是默认显示全部可用的分享渠道。

可选的值: Share.wechatTimeline, Share.wechatFriends, Share.sinaWeibo, Share.QQFriend, Share.sms, Share.email, Share.copyLink, Share.systemShare,

shareParam =={ React.PropTypes.object.isRequired }==

可以和shareTypes对应设置相应的分享参数，其中可以设置一个通用的参数common。参数参看Share文档中的示例

visible =={ bool }==

分享组件显示/隐藏属性

默认值: false

onShow =={ function }==

分享组件显示时的时间回调。

默认值: ()=>{}

onHide =={ function }==

分享组件隐藏时的事件回调。