react-native-activity-view, iOS共享和操作工作表

分享于 

5分钟阅读

GitHub

  繁體 雙語
iOS share and action sheets for React Native
  • 源代码名称:react-native-activity-view
  • 源代码网址:http://www.github.com/naoufal/react-native-activity-view
  • react-native-activity-view源代码文档
  • react-native-activity-view源代码下载
  • Git URL:
    git://www.github.com/naoufal/react-native-activity-view.git
    Git Clone代码到本地:
    git clone http://www.github.com/naoufal/react-native-activity-view
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/naoufal/react-native-activity-view
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    本地活动视图

    npm versionnpm downloadsCode Climate

    React活动视图是一个用于显示iOS共享和操作表的响应本机插件库。

    react-native-activity-view

    文档

    安装

    npm i --save react-native-activity-view

    用法

    链接库

    若要使用活动视图,必须首先将库链接到项目。 关于如何在的本地文档环境中实现这一点,有很好的文档。

    显示活动视图

    一旦你链接了库,你将要求它通过你的应用程序使它可以用:

    var ActivityView =require('react-native-activity-view');

    显示ActivityView和调用一样简单:

    ActivityView.show({
     text:"Text you want to share",
     url:"URL you want to share",
     imageUrl:"Url of the image you want to share/action",
     imageBase64:"Raw base64 encoded image data" image:"Name of the image in the app bundle",
     file:"Path to file you want to share",
     exclude: ['postToFlickr'],
     anchor:React.findNodeHandle(this.refs.share), // Where you want the share popup to point to on iPad});
    :
    • 仅向选项参数提供一个图像类型。 如果提供了多个图像类型,image 将被使用。
    • anchor 是可选的,仅适用于 iPad。 如果未提供 anchor,则默认情况下,Popup将处于居中状态。
    • exclude 是一个包含要从活动视图中排除的活动的array。 有关可用值的完整列表,请参见苹果文档中的文档。 注意:只传递camelcased活动 NAME,比如 以排除 UIActivityTypePostToFlickr,通过 postToFlickr 等。

    示例

    在应用程序中使用活动视图通常如下所示:

    var ActivityView =require('react-native-activity-view');var YourComponent =React.createClass({
     _pressHandler() {
     ActivityView.show({
     text:'ActivityView for React Native',
     url:'https://github.com/naoufal/react-native-activity-view',
     imageUrl:'https://facebook.github.io/react/img/logo_og.png',
     anchor:React.findNodeHandle(this.refs.share),
     });
     },
     render() {
     return (
     <View>...<TouchableHighlight
     onPress={this._pressHandler}
     /><Text ref="share"> Share with Activity View
     </Text></TouchableHighlight></View> );
     }
    });

    方法

    显示( shareObject )

    显示活动视图,其中包含与 shareObject 传递的操作相关的操作。

    参数

    • shareObject 对象包含一个或者多个跟随键 texturlanchorexcludeimageUrlimageBase64 或者 image

    范例

    ActivityView.show({
     text:'ActivityView for React Native',
     url:'https://github.com/naoufal/react-native-activity-view',
     imageUrl:'https://facebook.github.io/react/img/logo_og.png',
     exclude: ['postToFlickr', 'airDrop'],
     anchor:React.findNodeHandle(this.refs.share),
    });
    ActivityView.show({
     text:'ActivityView for React Native',
     imageBase64:'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2...', 
     exclude: ['airDrop'],
     anchor:React.findNodeHandle(this.refs.share),
    });

    许可证

    版权所有( c ) 2015,Naoufal Kadhom

    授权使用。复制。修改和/或者分发本软件的任何目的,如上述版权通知和本权限通知。

    软件是"是"提供的,作者认为这个软件包括所有隐含的保证和适应性的保证。 任何特殊。直接。间接或者间接损坏或者损坏,无论在合同。收益或者它的他行为。


    react  SHA  act  NAT  Native  分享  
    相关文章