![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react-native开发
文章平均质量分 84
wxq888
这个作者很懒,什么都没留下…
展开
-
react native 学习笔记之Props
在IOS或者Android中,通常一个类都有成员变量和函数,成员变量也可以叫成员属性。在proos的例子程序中,可以把Image看成系统定义好的类或者属性,而Greeting看成是我们自己定义的一个类,在react native中称为组件(Component)。那么这样理解的话,source={pic} 就是给Image的成员变量source赋值了,只是react native的语法需要用{}括起原创 2016-08-30 20:20:54 · 844 阅读 · 0 评论 -
react native 学习笔记----将react native嵌入到Android原生应用
不仅可以在react native 的js界面和现有工程的界面之间跳转,而且可以把js写的界面当成一个控件,嵌入到现有的activity,作为原生界面的一部分使用。原创 2016-08-31 22:12:47 · 5079 阅读 · 3 评论 -
ECMAScript 6 学习笔记一 let 和const命令
1:let 命令ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。不存在变量提升:let不像var那样会发生“变量提升”现象。所以,变量一定要在声明后使用,否则报错。不允许重复声明:let不允许在相同作用域内,重复声明同一个变量。2:块作用域,这个对于java或者ios程序员来说,比较好理解,不用多说。原创 2016-09-02 15:42:00 · 851 阅读 · 0 评论 -
react native 学习笔记----封装Android的原生组件
参考文档官方版:Native UI Components中文版:原生UI组件上面的文档介绍了facebook 开发小组,如何封装原生组件ImageView给js调用,但是没有具体的实例,按照上面的文档弄了半天原创 2016-09-29 16:29:49 · 2805 阅读 · 2 评论 -
facebook react native 开发-----win7,mac环境搭建实践
开发环境搭建:英文不错的可以参考facebook官方文档:http://facebook.github.io/react-native/docs/getting-started.html不想看英文的,有中文翻译版本:http://reactnative.cn/docs/0.31/getting-started.html开发环境分为windows和mac,还有linux,我试着在win7下搭原创 2016-08-27 21:58:27 · 1275 阅读 · 0 评论 -
react native 学习笔记----使用Flexbox布局
Flexbox可以在不同屏幕尺寸上提供一致的布局结构一般来说,使用flexDirection、alignItems和 justifyContent三个样式属性就已经能满足大多数布局需求。flexDirection 在组件的style中指定flexDirection可以决定布局的主轴。如果要指定子元素沿着水平轴方向排列,则指定为row,沿着竖直轴方向排列指定为column。默认值是竖原创 2016-08-31 19:48:13 · 877 阅读 · 0 评论 -
react native 学习笔记之state
state状态还是可以理解为Android,ios中一个类的成员变量,而props和state的区别是,props一经指定,就不能修改,而state是可以修改的。一般来讲,你需要在constructor中初始化state,然后在需要修改时调用setState方法。原创 2016-08-30 20:55:43 · 858 阅读 · 0 评论 -
react native 学习实践----运行facebook官方提供的例子
可以参考官方github网站:facebook Movies app The Movies app is a demonstration of basic concepts, such as fetching data, rendering a list of data including images, and navigating between different screens.原创 2016-09-02 14:55:43 · 2826 阅读 · 0 评论 -
react native 学习笔记----网络
React Native提供了和web标准一致的Fetch API,用于满足开发者访问网络的需求。发起网络请求要从任意地址获取内容的话,只需简单地将网址作为参数传递给fetch方法即可:fetch('https://mywebsite.com/mydata.json')废话不多说,给个例子大家看看,详细看代码中的注释,本例子节选于:原创 2016-08-31 21:25:59 · 1655 阅读 · 1 评论 -
ReactNative导航设计与实现
原文:ReactNative导航设计与实现转载 2016-09-03 19:35:20 · 450 阅读 · 0 评论 -
JavaScript和客户端编程语言C++,java,objective-C的三大不同
JavaScript并不复杂,甚至有些简单。很多没有客户端编程基础的网页开发人员都可以很快掌握,而有这些经验的人反倒没那么容易。在客户端开发中形成的有些概念和思维方式,在JavaScript开发中不仅没用,反而会产生误导。有几个问题需注意。一是类型在客户端编程语言中,数据都有类型,包括基本的数据类型和用户定义的类型,如类、结构体等。如果你以为JavaScript也是这样,那你就转载 2016-09-02 17:30:21 · 961 阅读 · 0 评论 -
react native开发基础=JavaScript= 学习笔记----对象
JavaScript web 开发人员必须学习的 3 门语言中的一门,他们在网页开发中定位:HTML 定义了网页的内容CSS 描述了网页的布局JavaScript 网页的行为我这里学习javascript不是为了写网页,而是为了学懂react native。原创 2016-09-02 18:54:28 · 1702 阅读 · 0 评论 -
react native 开发基础=javaScript=学习笔记----函数
函数表达式JavaScript 函数可以通过一个表达式定义。函数表达式可以存储在变量中,这样,变量也可作为一个函数使用,例如:var x = function (a, b) {return a * b};var z = x(4, 3);以上函数实际上是一个 匿名函数 (函数没有名称)。函数存储在变量中,不需要函数名称,通常通过变量名来调用。原创 2016-09-03 10:19:45 · 1073 阅读 · 0 评论 -
react native开发基础=JavaScript= this的用法
在java或者objective-c中,this就是指当前对象。但javaScript中的this大不同。Javascript的this代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是th转载 2016-09-03 14:21:27 · 480 阅读 · 0 评论 -
react native 开发-----mac环境下在Android终端运行程序
一:Android模拟器上运行。首先你要下载一个模拟器,大家都推荐用Genymotion,那就用他了。Genymotion的下载地址如下【需要注册一个账户后,才能下载。】:https://www.genymotion.com/download/Genymotion需要和virtualbox配合使用,所以你还需要下载virtualbox。virtualbox下载地址:http原创 2016-08-29 15:52:09 · 2560 阅读 · 0 评论 -
react native 学习笔记----使用Android的原生模块
有时候App需要访问平台API,但React Native可能还没有相应的模块包装;或者你需要复用一些Java代码,而不是用Javascript重新实现一遍;又或者你需要实现某些高性能的、多线程的代码,譬如图片处理、数据库、或者各种高级扩展等等。我们把React Native设计为可以在其基础上编写真正的原生代码,并且可以访问平台所有的能力,我们可以自己实现一些封装,供JS调用。原创 2016-09-01 16:16:05 · 545 阅读 · 0 评论 -
react native 学习笔记之指定样式,宽,高
样式style没啥好说的,可以用{}扩起来指定样式,也可以用StyleSheet.create来集中定义组件的样式。给控件指定宽高其实也没啥好说的,可以指定绝对值,比如:View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />也可以指定 弹性(Flex)宽高。在组件样式中使用flex可以使其原创 2016-08-30 21:23:50 · 2288 阅读 · 0 评论 -
react native 学习笔记之hello world
准备知识:首先需要了解一些基本的React的概念,比如JSX语法、组件、state状态以及props属性其次你还需要了解ES2015 (也叫作ES6)——这是一套对JavaScript的语法改进的官方标准。但是这套标准目前还没有在所有的浏览器上完整实现,所以目前而言web开发中还很少使用。React Native内置了对ES2015标准的支持,你可以放心使用而无需担原创 2016-08-30 20:09:16 · 451 阅读 · 0 评论 -
学习react-native不错的帖子或者资源
React/React Native 的ES5 ES6写法对照表 (来之react native中文网)转载 2016-09-05 09:57:59 · 590 阅读 · 0 评论