[置顶] 【稀饭】react native 实战系列教程之数据存储

概述在开发一款APP,对于数据的存储是在正常不过了,在此之前,【稀饭】这个应用还没有用到存储数据的地方,为了学习研究React Native的数据存储,打算给应用增加【我的收藏】和【观看历史】这两个功能。接下来,我们来看看如何实现。关于React Native数据存储的解决方案关于RN如何存储数据,有两种方案。 - AsyncStorage - SQLite第一种是官网提供的一种数据存储方案,它...
阅读(4507) 评论(11)

关于state刷新界面的思考

我们知道当state更新时,界面会重新绘制,render会被执行,但是一个界面包含许多控件,state更新导致界面重绘,那么是否所有的控件都重绘呢?验证通过一个点击事件来改变state的值,然后看看界面有什么变化,代码如下:import React,{Component} from 'react'; import { View, TouchableOpacity, Text,...
阅读(1956) 评论(0)

react native navigator关闭侧滑手势

我们在使用Navigator进行页面跳转的时候,会配置跳转动画configureScene,但是你会发现,我们使用侧滑手势的时候,页面会拉动,会导致或页面关闭或打开页面。如果我们不希望让它响应侧滑手势呢?解决如下:在使用Navigator时,配置configureScene的gestures为nullconfigureScene={(route) => { var conf = Navigato...
阅读(2106) 评论(2)

[置顶] 【稀饭】react native 系列教程之已有项目接入React Native

概述本文是基于目前公司的一个真实项目编写的,由于是边实践边记录,遇到什么问题和如何解决的,所以你看这篇文章的时候,可能有时候会觉得不是很流畅,特此说明。引入React Nativebuild.gradle配置compile 'com.facebook.react:react-native:+'react-native的res使用到了23sdk的资源,因此编译的sdk要求是23compileSdkVe...
阅读(3472) 评论(2)

[置顶] 【稀饭】react native 实战系列教程之自定义原生UI组件

上一节,讲了关于RN的自定义原生模块,本节是关于自定义原生UI组件,学习完本节,你将了解到原生UI组件的开发流程,以及js如何向native发送命令和native如何向js发送事件。原生UI组件之VideoView视频播放器开发React Native并没有给我们提供VideoView这个组件,那我们要播放视频的话,有两种方法:一种是借助WebView,一种就是使用原生的播放器。这里我们就介绍下,如...
阅读(3850) 评论(12)

[置顶] 【稀饭】react native 实战系列教程之自定义原生模块

影片详情开发也是通过Cheerio抓取并分析网页获取到的详情数据,本节就不作为详细内容来讲解了,详细的代码可以看下我的github,效果如下:在点击播放时,会跳转到播放界面,并且横屏显示,退出播放界面时,会恢复到竖屏状态。但是,react native并没有给我们提供设置横竖屏的API,因此,我们需要自己使用原生的代码来完成此功能。使用原生代码,我们可以为react native作什么呢? 一个是功...
阅读(2458) 评论(1)

React Native 自定义组件报错 has no propType for native prop

在使用自定义UI组件时,定义JS组件报如下错误has no propType for native prop.If you haven't changed this prop yourself,this usually means that your versions of the native code andr JavaScript code are out of sync. Updating...
阅读(3204) 评论(1)

[置顶] 【稀饭】react native 实战系列教程之Navigator实现页面跳转

主界面开发上一节,我们已经完成了首页的开发,现在,我们继续完成主界面的开发,就是添加底部‘首页’和‘我的’两个tabbar。在js/文件夹下,新建MainScene.js文件import React,{Component} from 'react'; import { View, Text, TouchableOpacity, Image, StyleShee...
阅读(2425) 评论(1)

webstorm 2017 激活破解

2016.2.2 版本的破解方式: 安装以后,打开软件会弹出一个对话框;选择“license server” 输入:http://114.215.133.70:41017 2016.2.3 版本的破解方式: 目前最新的就是2.3版本,在打开的License Activation窗口中选择“activation code”,在输入框输入下面的注册码 43B4A73YYJ-eyJsaWNlbnNl...
阅读(325971) 评论(164)

[置顶] 【稀饭】react native 实战系列教程之完成首页

首页功能前面,我们已经完成了影视信息组件的开发,接下来,我们要用该组件来完成首页界面功能的开发,如下图可以看到,首页顶部一个标题栏,下面是‘最新’、‘最热’两个选项卡。我们要完成的有标题栏、选项卡、以及选项卡切换的内容。标题栏这里的标题栏,我们使用的是ToolbarAndroid,看名称我们就知道这个是android下特有的组件view,所以就立马想到,这个组件是ios、android不能通用的。因...
阅读(2505) 评论(3)

图文详解谷歌Android 7.0的20个新功能

导语:谷歌已正式对外发布Android 7.0 Nougat(牛轧糖)操作系统,它将会率先登陆Nexus设备,之后才会陆续登陆其他的智能手机。Android 7.0中包含一系列的新功能和改进,它们将会对Android系统的体验产生重大的影响,例如捆绑通知和改进的多任务处理等。下面,就让我们一起来看一下谷歌都在最新的移动操作系统中添加了哪些主要新功能:   “白日梦”变成“屏幕保护程序”...
阅读(999) 评论(0)

[置顶] 【稀饭】react native 实战系列教程之影片数据获取并解析

获取网络数据在上一节,我们已经通过模拟数据,并将UI展示出来。这节我们将获取网络数据。数据来源于网络,仅用于学习使用。fetch介绍fetch是react native的一个网络请求库,使用该库不用引入模块,可以直接使用。一个简单的请求如下:fetch('http://facebook.github.io/react-native/movies.json')发起请求之后,我们还需要对它的响应进行处理...
阅读(2632) 评论(4)

could not get batchedbridge, make sure your bundle is packaged correctly

之前项目还能正常运行,可是今天再去运行时报could not get batchedbridge, make sure your bundle is packaged correctly原因:可能是你将之前安装并配置好的apk应用从手机卸载掉,然后重新安装运行,这时候的dev settings 被重置了。解决方案:重新配置好IP和端口号,再运行react-native run-android...
阅读(5427) 评论(0)

[置顶] 【稀饭】react native 实战系列教程之首页列表UI实现

首页设计与实现首先,这章节讲的是首页内容的设计与实现,不包括主界面的设计,因为一开始入手,我希望能立马获取到数据并能展示出来,后面再来搭木积似的一步一步把整体框架做起来。设计(图丑,莫见怪~)主界面的设计如下首页的设计如下有人可能会觉得,为什么不把TitleBar抽出来放在主界面,而要单独放在每个页面里。因为,这个跟你把Navigator(页面导航器)放在什么地方有关系,现在先不说为什么,就这么认为...
阅读(1905) 评论(2)

[置顶] 【稀饭】react native 实战系列教程之项目初始化

项目前期准备工作本系列课程实战,默认是你已经安装好react native所需的一切环境配置,如果你还没配置好,请事先看下中文官网。这里提一下,如果你在安装Chocolatey过程中出错了,一般是权限问题,你需要以管理员的身份来启动cmd命令行,然后再执行安装即可。本系列课程的开发环境: 系统:win10 IDE:webstorm、sublime text 3、android studio 调试机:...
阅读(1205) 评论(0)
133条 共9页首页 上一页 1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:645859次
    • 积分:4791
    • 等级:
    • 排名:第6305名
    • 原创:106篇
    • 转载:22篇
    • 译文:5篇
    • 评论:345条
    关于我
    博客专栏
    最新评论