react-native
岑志军
男人只说三分话,留下七分打天下!!!
展开
-
ReactNative-ListView
这只是一个简单的listView的小demo欢迎访问我的个人博客初始化项目之后,index.ios.js代码如下/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRe原创 2017-08-11 15:58:55 · 233 阅读 · 0 评论 -
react-navigation的使用
react-navigation分为三个部分StackNavigator类似顶部导航条,用来跳转页面和传递参数。TabNavigator 类似底部标签栏,用来区分模块。DrawerNavigator 抽屉,类似从App左侧滑出一个页面,具体我没有使用过,在这里不做讲解。TabNavigator的基本用法const TabNav = TabNavigator( { MainTab:原创 2017-08-11 16:01:06 · 304 阅读 · 0 评论 -
ReactNative-底部TabBar react-native-tab-navigator
首先需要安装 react-native-tab-navigatornpm install react-native-tab-navigator –save导入组件import TabNavigator from 'react-native-tab-navigator'详细代码如下:import React, { Component } from 'react';import { AppRegi原创 2017-08-22 20:55:06 · 704 阅读 · 0 评论 -
ReactNative-综合案例(01)
最近几天学了几个ReactNative组件,总觉得单纯的学几个组件进步慢,所以我打算做一些综合性的小案例,练习下实战,我从网上找到一个小案例 ,感觉挺好,也学习了很多,代码内容可能不太一样,主要区别是:我把RN官方不推荐或者已经放弃了的组件进行了替换,如果有需要的可以互相参考下建完一个工程之后,首先建一个WYMain.js文件,代码如下:首先安装所需组件:npm install --save原创 2017-08-22 20:58:14 · 596 阅读 · 0 评论 -
ReactNative-常用命令
最近开发的时候发现一些常用的命令总是记不住,用到的时候又要Google,感觉好麻烦,整理一下常用的一些命令创建项目react-native init WYNews但是最近发现初始化完毕之后,运行项目会报错Print: Entry, ":CFBundleIdentifier", Does Not Exist 暂时解决方案是指定ReactNative版本:react-native init WY原创 2017-08-22 20:59:16 · 1307 阅读 · 0 评论 -
ReactNative-综合案例(02)
最近几天学了几个ReactNative组件,总觉得单纯的学几个组件进步慢,所以我打算做一些综合性的小案例,练习下实战,我从网上找到一个小案例 ,感觉挺好,也学习了很多,代码内容可能不太一样,主要区别是:我把RN官方不推荐或者已经放弃了的组件进行了替换,如果有需要的可以互相参考下接着上篇案例开始写,这篇文章将会讲解如何编写轮播图和列表首先WYHome.js代码如下:import React,原创 2017-08-22 21:00:55 · 421 阅读 · 0 评论 -
ReactNative-综合案例(03)
最近几天学了几个ReactNative组件,总觉得单纯的学几个组件进步慢,所以我打算做一些综合性的小案例,练习下实战,我从网上找到一个小案例 ,感觉挺好,也学习了很多,代码内容可能不太一样,主要区别是:我把RN官方不推荐或者已经放弃了的组件进行了替换,如果有需要的可以互相参考下接着上篇案例开始写,这篇文章将会讲解如何怎样利用WebView加载HTML文件。在WYNewsDetail.js文件原创 2017-08-22 21:01:40 · 333 阅读 · 0 评论