native与html交互有哪些办法

native与html交互有哪些办法,第1张

一种方法是类似phonegap 之类的机制为webview增加额外的js接口供html 调用。另一种是在native 端实现一个小型的webserver ,在html中向本地的native的webserver 请求数据。

你好 React-Native是js编译原生运行在android和ios上,html是通过webview来展示,所以你需要下载webview的API

在react-native 里通常实现布局界面展示的叫“组件”,而实现一些功能的叫“API”。

API和组件都可以由第三方开发和发布,可以下载的网站有react.parts/,https://www.npmjs.com/。

webview 的API有:react-native-webview-js-context,react-native-webview-bridge,

react-native-html-webview

等,他们可以实现展示HTML内容

api和组件的安装方法看一下 react-native的二维码安装示例:http://www.6sucai.com/jiaocheng/bianchengjiaocheng/2458.html

当然是H5

html5现在还占优势的。

1、开发方式

(1)代码结构: React Native更为合理,组件化程度高

(2)UI布局:Web布局灵活度 >React Native >Native

(3)UI截面图:React Native使用的是原生组件,

(4)路由/Navigation:React Native &Native更胜一筹

(5)第三方生态链:Native modules + js modules = React Native modules

2、性能 &体验

(1)内存:Native最少;因为React Native含有框架,所以相对较高,但是后期平稳后会优于Native。

(2)CPU:React Native居中。

(3)动画:React Native动画需求基本满足。

(4)安装包体积:React Native框架打包后,811KB。相比热更新,可以忽略和考虑资源规划。

(5)Big ListView

(6)真机体验:Native >= React Native >H5/Hybrid

希望可以帮助到你,。可以的话采纳一下。谢谢


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7567295.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存