iOS 标签中有 3 篇文章
以下是对 iOS 下复制功能的简单实现，注意在 iOS 10 以下的版本中，以下代码是无效的。
最近要实现一个小需求：iOS APP下，用户点击一个按钮，系统自动复制一段文本到系统剪贴板。通过查资料发现，iOS 出于安全性的考虑，对 Clipboard API 的使用有诸多限制。但是在 iOS 10 及以上版本中，可以通过 hack 的方式来实现该功能。
主要参考的是 SO 上的这个答案，在 iOS 10 及以上版本中，使用复制功能有以下限制：
<input>或<textarea>元素中的文本；<form>中，那它的contentEditable属性必须为true；readonly；被选中状态。要满足上述4个限制，代码中需要做到：
<input>或<textarea>类型的元素 A 中；contentEditable和readonly属性，以今天看到 react-native 的官方 doc 上放出了最新的文档，正巧是介绍题目描述的问题，不过具体的方法还是参考这篇文档。所以可以直接去官网看文档。这里只是作为自己项目中的一个记录。
承接上一篇介绍的 react-native 和已有 APP 之间的双向通信问题，本篇介绍另一个方向的通信，即：appCon -> appChild。
思路是在 js 代码中订阅一个事件并绑定事件处理函数，然后在 native 代码中触发该事件。以下是在 native 中触发时间的代码
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
#import "RCTBridge.h" #import "RCTEventDispatcher.h" @implementation JZTestManager @synthesize bridge = _bridge; - (void)handleDidClickHyperLinkNotificaiton:(NSNotification *)notification { NSString *eventName = notification.userInfo[@"name"]; [self.bridge.eventDispatcher sendAppEventWithName:@"onOrderHelperClick" body:@{@"order_url": order_url}]; } @end |
上面代码触发onOrderHelperClick事件，并且传递参数订单链接order_url。在 js 代码中相应添加对应事件订阅代码：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
var React = require('react-native'); var TestMod = React.NativeModules.MLSShopVCUtility; var NativeAppEventEmitter = React.NativeAppEventEmitter; var subscription = null class MenuBar extends React.Component { constructor(props) { super(props); subscription = NativeAppEventEmitter.addListener( 'onOrderHelperClick', (reminder) => { ... // 获取订单链接及其它业务处理 } ); } componentWillUnmount() { subscription && subscription.remove(); } } |
这样只要在 native 中执行上述代码，js 中就能捕获事件并获取参数，然后执行事件处理函数。
大部分内容和思想在官方文档中都有提及，本文只是结合笔者自己项目简单记录实现思想。另，由于 react-native 的
因为之前用 react 开发了部门内部的技术分享网站，加之手上负责一个 WAP 业务模块。因为是 APP 内嵌的 h5 页面，也没有做过优化处理，所以考虑使用 react-native 重新实现一遍该模块改善体验。
经过1个月开发，产品作为独立 APP 开发完成，但经过与PM讨论，还是决定将它作为一个功能模块嵌入一个已有的 APP 中（下文简称 appCon，新的模块成为 appChild）。这就遇到几个需要考虑的点：
其中双向通信有这样两个场景：
本文先来实现上述第一点：appChild -> appCon 的通信。
思路是在 appCon 中创建一个自定义模块，其中的方法理所当然可以调用 appCon 中其它部分的功能代码，比如唤醒聊天。然后通过 react-native 提供的方法将该模