Package Exports

maxshare-react-native

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (maxshare-react-native) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Module-MaxShare-RN

集成 SDK

集成 iOS 环境

重要：先安装 maxleap-react-native, 参照 MaxLeap RN 开发文档

安装 maxshare-react-native

npm install --save maxshare-react-native

打开 Finder，找到本项目的根目录，使用 Xcode 打开 iOS 工程（双击 .xcodeproj 文件即可），然后导航到 /node_modules/maxshare-react-native/ios/lib 目录，把该目录下的 frameworks 都拖到 Xcode 工程中
重要：此外还需要在 Xcode 中配置各社交平台分享环境，请参阅MaxLeap 社交分享文档

集成 Android 环境

按照 MaxLeap 文档添加项目依赖。

修改父工程目录下的 build.gradle 文件（与 settings.gradle 位于同级目录）。

repositories {
    flatDir{
        dirs '../../node_modules/maxshare-react-native/dist/android'
    }
}

修改应用目录下的 build.gradle 文件，添加以下依赖

dependencies {
    compile(name:'maxshare-react-native', ext:'aar')
}

修改工程的主 Activity 文件。

 @Override
protected void onCreate(Bundle savedInstanceState) {
    MaxLeap.initialize(this, APP_ID, API_KEY, MaxLeap.REGION_CN);
    super.onCreate(savedInstanceState);
}

@Override
protected List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new MLInAppSocialReactPackage()
    );
}

API

`share([object])`

只接受一个参数，类型为 object。返回一个 promise 对象，如果成功调用了第三方平台的分享接口，返回改平台的 ID

参数键值说明：

键	值类型	描述
`type`	`string`	分享内容的类型，目前支持五种类型： text, image, webpage, music, video
`title`	`string`	分享内容的标题
`detail`	`string`	详细描述
`webpageURL`	`string`	一个网页链接地址
`previewImagePath`	`string`	预览图片路径，本地文件路径
`attachmentURL`	`string`	附件链接地址
`latitude`	`number`	纬度
`longitude`	`number`	经度
`rect`	`object`	{x: 120, y: 30, width: 20, height: 30} 触发分享操作的按钮在屏幕中的位置，iPad 上有效，用来在按钮附近以 popover 的形式显示分享界面

使用方法

导入模块：

import share from 'maxshare-react-native';

分享文本

let textItem = {
    type: 'text',
    detail: '文字内容', // required
    // for iPad
    rect: {x: 120, y: 30, width: 20, height: 30}
}

share(textItem).then(platform => {
  alert('share text via platform: ' + platform)
})

分享图片

let imgItem = {
    type: 'image',
    title: '图片标题', // optional, 只有QQ支持
    detail: '图片描述', // optional, 只有QQ支持
    attachmentURL: '图片链接', // required，支持 fileURL 和 远程图片链接
    previewImagePath: '预览图片文件路径', // optional, 只有QQ支持
    // for iPad
    rect: {x: 120, y: 30, width: 20, height: 30}
}

share(imgItem).then(platform => {
  alert('share an image via platform: ' + platform)
})

分享网页

let webItem = {
    type: 'webpage',
    title: '网页标题',
    detail: '网页描述',
    webpageURL: '网页链接',
    previewImagePath: '预览图片文件路径',
    // for iPad
    rect: {x: 120, y: 30, width: 20, height: 30}
}

share(webItem).then(platform => {
  alert('share a webpage via platform: ' + platform)
})

分享音乐

let musicItem = {
    type: 'music',
    title: '音乐标题',
    detail: '音乐描述',
    webpageURL: '音乐网页链接', // 微博，微信支持，QQ不支持
    attachmentURL: '音乐数据流链接',
    previewImagePath: '预览图片文件路径',
    // for iPad
    rect: {x: 120, y: 30, width: 20, height: 30}
}

share(musicItem).then(platform => {
  alert('share a music via platform: ' + platform)
})

分享视频

let videoItem = {
    type: 'music',
    title: '视频标题',
    detail: '视频描述',
    webpageURL: '视频网页链接',	// 微信，微博支持，QQ 不支持
    attachmentURL: '视频数据流链接', // QQ, 微博支持，微信不支持
    previewImagePath: '预览图片文件路径',
    // for iPad
    rect: {x: 120, y: 30, width: 20, height: 30}
}

share(videoItem).then(platform => {
  alert('share a video via platform: ' + platform)
})