ReactNative
chsmy2018
学无止境,任何技能都是慢慢积累出来的。
展开
-
ReactNative官网例子练习——(一)
学一个变成语言,一般我们都先完成一个hellowrold。这就不写了,然后根据Rn官网的顺序 我们需要了解 Props(属性)和State(状态) Props 属性用于定制一些必要的参数 State 可以动态的改变一些状态 一般在构造方法中初始化 constructor中。小例子:/** * Sample React Native App * htt原创 2016-08-31 10:43:49 · 702 阅读 · 0 评论 -
ReactNative小项目——(三)
上一篇ReactNative小项目——(二)已经把项目的主题UI框架搭起来啦。然后每个页面在填充东西吧。 数据是从 干货网中拿来的 感谢干货网。 先在第二个界面picture中添加点图片吧。 效果图: picuture.js代码:/** * Sample React Native App * https://github.com/facebook/react-native * @原创 2016-11-21 17:53:07 · 617 阅读 · 0 评论 -
ReactNative小项目——(二)
上一篇文章已经做好了一个登陆界面,当然只是界面没有登陆验证啥的,只需点击登陆进入主界面就好了。今天就来整一下主界面。现在比较流行的猪界面就是底部有几个Tab按钮,点击就可以切换OK 先来实现下这个功能。登陆界面点击登陆按钮通过navigator跳转到MainPage.js主页面。主页面:/** * Sample React Native App * https://github.com/face原创 2016-11-21 10:24:59 · 730 阅读 · 0 评论 -
ReactNative学习中遇到的坑
这篇文章将记录以后学习ReactNative中遇到的坑。现在网上能查到的一些基本的坑就不写了。(1)第一个:今天移植安卓原生应用到ReactNative中,移植完后,出现无法连接的红色画面。正常情况下,我们是摇晃一下手机,出现一个选择的界面 点击DevSetting进入到设置界面去设置我们的IP和端口,但是今天我遇到一个问题,点击DevSetting的时候应用崩溃了。网上没查到解决办法,幸好突原创 2016-07-14 10:54:21 · 2948 阅读 · 0 评论 -
ReactNative小项目——(一)
学习一个新语言还是得实践下。从今天开始做个小项目。做项目之前当然得先看看别人家的项目怎么写的呀。github上找,一个评价不错的项目react-native-gank通过看他们的项目结构,我们熟悉的index.android.js 一般只是做一个跳转的作用。然后就是有一个imgs文件夹专门放图片。有个jscode文件夹专门放我们的js代码。结构还是很清晰的 名字我们都可以根据自己的爱好来命名。说干就原创 2016-11-16 16:08:19 · 811 阅读 · 0 评论 -
ReactNative学习——react-native版本升级
由于现在ReactNative还没发布正式版本,版本的更新非常快,新版本跟旧版本有的地方可能不兼容。所以快速的升级到最新的版本还是很有必要的,可以使用最新的API,view,工具等。升级方法: 去官网或中文网查看最新的版本。cd到你项目的根目录下,执行下面命令:npm install --save react-native@0.36最后的数字代表当前的版本 我当前最新的版本是0.36说是reac原创 2016-11-01 14:33:43 · 4250 阅读 · 0 评论 -
ReactNative学习——集成到原生android项目中
当前ReactNative最新版本是0.36按照网上一篇文章集成。集成玩之后出现了很多错误,一一解决但是有个错误始终解决不了:Exception in native call from JS com.facebook.react.bridge.JSExecutionException: TypeErr原创 2016-11-03 19:14:57 · 3554 阅读 · 1 评论 -
ReactNative官网例子练习(五)——页面跳转传参
上一篇文章练习了Rn中使用Navigator跳转页面。我们一个完成的应用中一般不仅仅是跳转页面,经常还会传一些参数到下一个界面。Rn中怎么实现传参呢? 例子代码:/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from原创 2016-09-05 16:50:09 · 7128 阅读 · 0 评论 -
ReactNative官网例子练习(四)——页面跳转
开发一个应用,基本会有很多个页面,就像我们开发Android原生应用的时候,多个Activity 多个Fragment之间跳转 ,Rn中是怎么跳转的呢?答案就是通过导航器Navigator。 例子代码:/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React原创 2016-09-05 11:14:46 · 2540 阅读 · 0 评论 -
ReactNative官网例子练习(三)——请求网络
要想完成一个APP,网络请求获取后台的数据基本上是必须的。无论是咋Android中还是在ios中都是非常重要的部分ReactNative中当然也不例外。 React Native提供了和web标准一致的Fetch API,用于满足开发者访问网络的需求。如果你之前使用过XMLHttpRequest(即俗称的ajax)或是其他的网络API,那么Fetch用起来将会相当容易上手。这篇文档只会列出Fetc原创 2016-09-02 14:21:30 · 5854 阅读 · 0 评论 -
ReactNative官网例子练习——(二)
ReactNative官网例子练习——(二)ScrollView是一个通用的可滚动的容器,你可以在其中放入多个组件和视图,而且这些组件并不需要是同类型的。ScrollView不仅可以垂直滚动,还能水平滚动(通过horizontal属性来设置)。 ListView组件用于显示一个垂直的滚动列表,其中的元素之间结构近似而仅数据不同。ListView更适于长列表数据,且元素个数可以增删。和ScrollV原创 2016-08-31 16:12:20 · 953 阅读 · 0 评论 -
ReactNative小项目——(四)
今天给home也添加上内容。找个免费的接口真难^^,接口使用了豆瓣的图书接口~显示一个图书列表 效果图: 一般进行网络请求的时候为了增加用户体验,我们都会用一个进度条来告诉用户我们在请求网络请等待。一开始用了ProgressBarAndroid组件,运行后出现警告说这个组件过时了 下个版本就不能用了,提示用ActivityIndicator。OK,ActivityIndicator的用法。/**原创 2016-11-25 14:02:38 · 806 阅读 · 0 评论