React Native&Weex
水桶前辈
爱旅行爱生活喜欢西藏的蓝天白云
展开
-
IOS 原生界面和Weex容器互相跳转实践 附部分js和原生代码
weex相关原理,请看官方网站此IOS Weex demo实现的功能,从原生界面跳转到Weex容器页面,然后点击Weex容器页面的button(js)跳转到另一个原生界面。一. 先上效果图 二.实现1. weex容器渲染的js代码如下,上面第二张图的代码启动一个本地的Node环境,可以通过浏览器访问,也可以通过Weex容器渲染成上面的第二张图的界面impo...原创 2018-10-12 16:34:37 · 1790 阅读 · 1 评论 -
IOS Weex 报错误 resource request handler found,actionBridge 解决办法
在IOS项目中使用Weex SDK的时候,从原生界面跳转到Weex容器页面,然后点击Weex容器页面的button跳转到另一个原生界面,JS方法点击无效,同时控制台出现了resource request handler found和没有定义actionBridge 的报错。解决:添加如下两句代码,注册自定义的JS回调原生方法的事件方法 [WXSDKEngine registerHan...原创 2018-10-12 15:46:15 · 395 阅读 · 0 评论 -
Weex 降级渲染&多端投放
原创 2018-06-20 13:32:32 · 628 阅读 · 0 评论 -
IOS中引入Weex,并通过URL进行UI渲染
1.直接用官方的WeexDemo,然后找到WeexSDKManager这个类,写入URL既可以,如下:// 需要渲染的UI界面URL,注意这里url的后缀是.jsurl = [NSURL URLWithString:@"http://10.50.62.53:9999/wxTest/index.js"];@implementation WeexSDKManager+ (void)setup;{...原创 2018-06-19 15:10:50 · 744 阅读 · 0 评论 -
Weex Playground APP 源码下载&编译运行预览
1. playground源码下载我这里是下载了ios的playground源码进行了编译,下载地址:https://github.com/apache/incubator-weex,将整个文件下载下来后,选择ios文件夹(需要编译android的选择android文件即可)。2. 安装包打开终端切换到ios目录下的playground文件夹下 (1)cd /Users/sunww/Documen...原创 2018-06-07 14:18:32 · 2054 阅读 · 0 评论 -
weex环境搭建---rax
官方解释:Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。Weex 的结构是解耦的,渲染引擎与语法层是分开的,也不依赖任何特定的前端框架,目前主要支持 Vue.js 和 Rax 这两个前端框架。1.倘若你要使用Vue.js前端框架来开发的话,你参考官方的这篇初始化工程文章地址(https://weex.apache.org/cn/guide/)2.倘若你要使用Rax前端框架来开发...原创 2018-06-07 10:47:51 · 2073 阅读 · 0 评论 -
React 教程
React 教程原创 2017-10-30 17:22:58 · 358 阅读 · 0 评论 -
ios webView与js的交互
效果图如下:jsIOS.html源文件: js调用oc label{ float: left; width: 80px; } form{margin:0px}原创 2016-06-23 10:48:22 · 609 阅读 · 0 评论 -
Ios Sample React Native App
效果图如下:带导航栏的React Native界面,虽然此界面是通过js代码写的,但是确是原生的界面做的展示。以下为index.ios.js 中的代码/** * Sample React Native App * https://github.com/facebook/react-native */'use strict';var React = requir原创 2015-12-31 16:42:12 · 474 阅读 · 0 评论 -
ios React Native 入门环境配置
正确的环境配置步骤http://www.jianshu.com/p/16e5e5c37831当出现报错时,估计是react native demo打开失败,替换下detail,main的url替换下最新token 当运行Xcode时,会出现如下的界面,表示react Native 环境配置Ok原创 2015-12-29 15:24:02 · 433 阅读 · 0 评论 -
React Native 新手引导
转自:http://reactnative.cn/docs/tutorial.html#content新手引导序言本教程希望让您快速熟悉使用React Native来编写iOS和Android App的技巧。如果你希望知道React Native是什么以及为什么Facebook打造了它,可以读读这篇博文我们这里假设你已经有了使用React编写Web应用程序的经验。如果还转载 2015-12-30 10:32:09 · 1289 阅读 · 0 评论 -
在原生和React Native间通信
http://reactnative.cn/docs/communication-ios.html#content在原生和React Native间通信通过植入原生应用和原生UI组件两篇文档,我们学习了React Native和原生组件的互相整合。在整合的过程中,我们会需要在两个世界间互相通信。有些方法已经在其他的指南中提到了,这篇文章总结了所有可行的技术。简介转载 2015-12-30 15:32:07 · 4134 阅读 · 0 评论