岁月静好，善待时光。

终端执行命令行： react-native init yourProjectName创建新工程

先上效果图:就是类似这种的列表. 在 iOS 中有 UICollectionView 可以直接写这种类型的列表, 但在React-native 中直接就可以用 FlatList 完成, 也就是说这种类型的列表和普通的列表没什么区别, 只是在布局的时候要些许的差异. Let’s do it!1.渲染一个列表 render() { return ( ...

在实际开发中, 经常会遇到轮播图, 轮播图的数据通常情况下都是网络获取的. 这里简单的记录一下接口获取轮播图数据, 然后动态赋值给 swiper.轮播图组件是通过 react-native-swiper 实现, 这里不再多说.直接源码说明:export default class MainPage extends Component { static navigationOp...

转自: https://www.jianshu.com/p/bd810785d3d6本文收录了,React Native中常用的一些相关组件,摘录的过程中,可能有所差错,不足之处还望指出.希望大家可以互相学习,互帮互助!第一部分基于react-navigation组件的自定义 head 视图react-native-carousel 轮播图react-nativ...

react-navigation准确的说不是一个官方推出的库, 但是一经推出, 就受到了广大开发者的喜爱, 官方也废弃了自己曾经的导航库 navigator, 转而在官方文档上推荐这个第三方. 传送门接下来通过一个例子, 主要来说一下createStackNavigator 和 createBottomTabNavigator 的实际用法.1.安装在项目文件夹目录下, 输入命令行:...

转自: 这里一、开源库介绍今年1月份，新开源的react-natvigation库备受瞩目。在短短不到3个月的时间，github上星数已达4000+。Fb推荐使用库，并且在React Native当前最新版本0.44中将Navigator删除。react-navigation据称有原生般的性能体验效果。可能会成为未来React Native导航组件的主流军。本篇内容基于【 ^1.0.0...

错误信息如下:goTo 是一个自定义的函数. 在 TouchableOpacity 的 onPress 里调用该自定义函数.如下: _renderItem({item}) { return ( <TouchableOpacity activeOpacity={0.5} onPress={()=>this.goTo()}...

在react-native开发中，使用Fetch进行网络请求。官方文档上的网络请求基本使用方法GET请求fetch(@"http://www.baidu.com") .then((response) => response.json()) .then((responseJson) => { console.log(responseJson);//打印返回的数据 })

最近在摸索react-native，虽然苹果爸爸已经在之前封杀了JSPatch，我还是抱着试一试的态度先学一个疗程，毕竟，知识嘛，多学点总是好的。其实对于js我了解的不多，所以一些东西给不了相应的解释，还请见谅（ps：我的学习阶段都是从模仿开始的）。后面我会不断的学习基础知识，把相应的解释会添加上去的。见笑了！接下来先学习一下如何创建一个ListView。1.先设置一下样式上代码：//设置样式co

1.查看当前reactNative版本 react-native –version 2.更新全局的reactNative到最新版本 sudo npm update -g react-native-cli 3.查看服务器端的reactNative的各版本信息 npm info react-native 4.给下载的普通工程下载安装RN环境,根据配置的package.json

如果你正准备从头开始制作一个新的应用，那么React Native会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程，React Native也同样不在话下。只需简单几步，你就可以给原有应用加上新的基于React Native的特性、画面和视图等。把React Native组件植入到iOS应用中有如下几个主要步骤：首先当然要了解你要植入的React Native组件。创

刚写了一个react-native小demo，完美运行，心中窃喜，于是关闭项目。过了一会儿，想再一睹刚才如行云流水般运行的项目，于是，运行，结果……纳尼？出现了一片姨妈红有没有？心中一万头草泥马呼啸而过有没有？到底发生了什么？NA！阿sir啊，我说了我没动过代码啦，出现下面这种错误不关我的事啊：ProjectName has not been registered. This is either d

撸代码之前还是要搞清楚作用比较好，不然洋洋洒洒的撸了个天昏地暗，却不知道为什么用这个姿势撸，不就尴尬了吗？要知其然，还要知其所以然，论掌握撸代码姿势的重要性！React.native是facebook开源的一套基于JavaScript的开源框架， 很方便用来开发移动设备的app。 而且，方便及时更新app的UI与数据，也很方便部署。在react-native的ios项目中，界面搭建部分是一个js

摸索了 react-native 这么长时间了, 一直都是零零碎碎的写一点东西, 最近在业余时间, 网上扒了一些接口, 抄抄这个页面设计, copy copy 那个设计页面, 总算是写出了一个起码看上去算是个项目的东西. 在这里和大家分享一下. 侵删!!!1.登录模块设计效果: 这里的忘记密码页面由于没有找到相应的接口, 所以这个页面就是个摆设(手动捂脸). 大家知道怎么回...