native 端
初始化 wkwebview，设置 message handler
webView = WKWebView.init()
let usecc = self.webView.configuration.userContentController
usecc.add(self, name: "testecho")实现 WKScriptMessageHandler协议
extension ViewController: WKScriptMessageHandler {
func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
mylog("\(self.sendCount) call native , message is \(message.name),")
}
}执行JS 代码
//jsStr = "echo(\"wordword\")"
self.webView.evaluateJavaScript(jsStr) { (result, err) in
self.mylog("\(self.sendCount) \(jsStr.count) bytes callback, result: \(result), err: \(err)")
}前端
<!DOCTYPE html>
<html>
<script type="text/javascript">
function echo(str) {
console.log(str);
window.webkit.messageHandlers.testecho.postMessage(str);
}
</script>
<body>
<input type="button" onClick="echo('toast clicked')" value="toast">
<input type="button" onClick="echo('alert clicked')" value="Alert">
</body>
</html>分析
native 端注册了 testecho 的messageHandler，所以 JS 可以通过 window.webkit.messageHandlers.testecho.postMessage 来回调客户端，和文档中说的一样。
地址：https://www.cnblogs.com/huahuahu/p/WKWebView-li-JS-he-native-tong-xin-de-li-zi.html
来聊聊怎么写react-native上的样式吧
在react-native上是怎么写样式的吧，和传统的web不一样的是，在react-native上面是没有css代码，不过得益于Yoga，我们可以在客户端上像写css一样的去书写我们的样式。
由使用request-promise-native想到的异步处理方法
因为js语言的特性，使用node开发程序的时候经常会遇到异步处理的问题。对于之前专长App开发的我来说，会纠结node中实现客户端API请求的“最佳实践”。下面以OAuth2.0为场景，需要处理的流程：获取access token、使用获取到的token，发起API请求、处理API数据
React Native项目使用react-apollo实现更新缓存的两种方式
GraphQL是一个API查询语言，他可以将使用PostgreSQL写的server代码自动生成Query或者Mutation，非常的方便。而Apollo Client就是一个强大的JavaScript GraphQL客户端。对于cache，在Apollo Client中有着强大的管理策略。
11个React Native组件库
React Native 是 Facebook 2015年开源的 Javascript 框架，旨在使用 Javascript 高效开发手机端 App。根据大众的需求，我们列出了一个有用的React-Native UI库列表，可以帮助你更好地入门React Native。
React Native 传参的几种方式
在React Native 中由于业务的需要, 我们往往要在诸多的页面间，组件之间做一些参数的传递与管理, 在这里我总结了几大经过验证，稳定好用的方式给大家
如何正确选型，React Native 还是 Native？
随着 H5 标准的发布以及推广，使得移动应用的开发也受到了很大影响，出于效率、成本等原因，移动应用的开发不再完全依赖于 “原生”。近日越发火热的混合应用（Hybrid App）介于 Web 应用和原生应用之间
react-native报错Cannot get property packageName on null object
react-native打包安卓apk的时候，报错Cannot get property packageName on null object，完全没有头绪，研究了半天才发现竟然是因为package.json里面scripts自定了命令导致的，无法理解为何会影响安卓打包并且报错packageName null
React Native 添加 Redux 支持
之前写的项目都是人家编写好的脚手架，里面包含项目所需的环境文件，但由于有些东西用不到打包增加软件体积，所以自己从头搭建个环境。是基于 Native Base + react-navigation + Redux 的 React Native 脚手架，现在项目环境如下
Flutter platform view 使用篇
Flutter作为备受关注的跨平台的开发框架，长远来看，前景肯定是比较好的，在其基础组件还未完善与成熟之前，能够高效的复用现有的native组件，是比较合适的方案。官方提供了Plugin的方式，允许将一个成熟的native组件（比如mapview）
JSBridge 初探
近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!