如何使用react-native构建共享屏幕

时间:2017-02-16 06:24:12

标签: android ios react-native react-native-android react-native-ios

我的应用更像是带有不同文件夹的笔记应用来整理笔记。现在,使用 React-Native

  1. 我需要在选择文字内容时将我的应用添加到其他应用的共享小部件中。 (应用程序,如浏览器,其他笔记本应用程序等)。
  2. enter image description here

    1. 当用户点击分享按钮分享其他应用中的某些文字内容时,我需要构建用户界面以进行分享,如下所示
    2. enter image description here

      我可以用反应来做这件事吗?或者我需要使用XCode或Android Studio做些什么?任何代码参考都是有帮助的。

      最受欢迎的平台: iOS

2 个答案:

答案 0 :(得分:1)

您可以使用名为Share的内置反应本机API实现此目的。无需安装任何包。这是一个例子:

_shareMessage() {
  Share.share({
    message: 'React Native | A framework for building native apps using React'
  });
}

_shareUrl() {
  Share.share({
    message: 'A framework for building native apps using React',
    url: 'http://facebook.github.io/react-native/',
    title: 'React Native'
  });
}
  

在使用之前,您需要导入Share

答案 1 :(得分:0)

您可以使用this包。这正是你所需要的。