随笔分类 - React Native
摘要:我又回来啦! 由于最近一直在做公司的项目,而且比较急。如今项目已经迭代到第三期,可以缓一缓了。。。 说实话,最近一直再用android做开发,而且时间也不宽裕,react-native有点生疏了。 好了,废话不多说,今天在做登录界面的时候,我发现,登录注册的文本框样式都是一个样的,如果一个一个的写,
阅读全文
摘要:搞了一下午,终于做了几个Demo出来,下面我就说一下我对React-Native下的OpenGL的流畅度的体验吧。 我使用的测试机是坚果手机,配置还算可以,当下主流配置,小米3,然后是我几年前买的联想A820T,一款1G运行内存的四核手机,iPhone5,Genymotion模拟器和iOS模拟器。
阅读全文
摘要:昨天初体验了一把SVG一个并不是多么复杂的动画,我在iOS模拟器上体验的是流畅的,但是在Android真机上体验,还是比较卡的。 下面来介绍一个OpenGL的第三方库: 下面是我运行的里面Demo的效果: 至于如何使用者一个库,文档已经写的很清楚啦,下面是网址: github:https://git
阅读全文
摘要:想要使用SVG做一个动画,郁闷了一上午终于有了一点思路。。 其实我是看了一篇国外的文章。网址:http://browniefed.com/blog/2015/05/03/getting-react-art-running-on-react-native/ 介绍:http://browniefed.c
阅读全文
摘要:商品界面实现起来很简单,其实就是一个listview的使用: 关于listview的使用,在官方文档里面已经介绍的很详细了。在这里我要提一个坑。 listview在Android和iOS中的效果是不一样的,listview对iOS的支持已经很好了,但是对android很多属性都不支持。有些地方官方文
阅读全文
摘要:欢迎界面搭建完毕,我们接下来需要做的就是搭建应用程序的主体框架啦。首先我们看一下首页的截图: 从图中看到,我将首页分为了三部分:用黑色矩形表示的头部,绿色表示的内容和红色表示的底部。 下面我们需要解决的是红色部分。在iOS中想要实现这个效果很简单,只需要使用react-native提供的组件TabB
阅读全文
摘要:Android和iOS的欢迎界面是不一样的,在iOS中有一个默认的欢迎界面,而Android则需要自己写。因此我就分开说一下这两个平台的欢迎界面的搭建。下面先看一下实现效果: Android: iOS: 一、iOS欢迎界面的实现: 它的实现跟React-Native是没有半毛钱的关系的。你需要在Xc
阅读全文
摘要:下面我们开始着手去做这一个项目,因为初学不久就开始边学边做,所以有些地方设计不太合理。请大家多多包涵。0.0 下面来介绍截图中的三个文件夹, GuoKuApp:是我开发app的文件夹。 GuoKuDB:里面存放的是我的数据库文档的插入语句,这里数据库我使用的是mongodb。 GuoKuServer
阅读全文
摘要:学习react-native也有一个月的时间了。当学习了关于react-native的基础知识之后,打算自己去仿一个应用去练手。于是花了10天左右的时间,这个小应用的基本功能也实现的差不多了。 在展示应用之前,首先我想跟大家分享一下我学习这个技术的心得。首先,我是因为感兴趣才学的这个技术,然后我学这
阅读全文
摘要:今天练习项目中需要给listview在加载图片时增加一个淡入淡出的效果,因此干脆就自己封装了一个组件: 1 'use strict' 2 3 import React from 'react-native' 4 5 var { 6 Animated, 7 PropTypes 8 } = React
阅读全文
摘要:最近在做一个小练习项目,用户登陆后需要跳转到用户登录信息界面,加班半个小时终于将界面的布局搞定。接触Rect-Native也有一段时间了,以前没有做过ios,只做过android,就布局和开发效率上来说,react-native的给我的感觉是开发效率要大大高于android的。下面是具体的代码: ...
阅读全文
摘要:post: 1 fetchData (title) { 2 fetch(REQUEST_URL, { 3 method: 'POST', 4 headers: { 5 'Accept': 'application/json', 6 'Content-Type'...
阅读全文
摘要:要想获取文本框的值,首先我们需要看一下官方文档的解释:这里的意思是说当文本框的内容改变的时候,文本框的输入的内容就会作为一个参数进行传递。因此我们就可以获取到文本框里面的内容就好了。 1 constructor (props) { 2 super (props) 3 this.s...
阅读全文
摘要:一个简单的React-Native 获取node.js提供的接口的实现一、node.js 1 var http = require("http"); 2 var url = require("url"); 3 var querystring = require("querystring"); 4 ...
阅读全文
摘要:React-Native ViewPagerAndroid
阅读全文

浙公网安备 33010602011771号