React Native中组件的props和state

一、组件的属性(props)和状态(state) 　　1.属性（props）　　它是组件的不可变属性（组件自己不可以自己修改props）。　　组件自身定义了一组props作为对外提供的接口，展示一个组件时只需要指定props作为节点的属性。　　一般组件很少需要对外公开方...

React React Native Props state

2019-02-13

0 810

React Native的导入导出

1、组件的导入导出方式问1：如何导出一个组件？ export default class EIComponent extends Component{ render(){ return( <Text style = {{fontSize:20,backgro...

React React Native 导入导出

2019-02-12

0 542

React Native的生命周期解析

　　在React Native中使用组件来封装界面模块时，整个界面就是一个大的组件，开发过程就是不断优化和拆分界面组件、构造整个组件树的过程。　　上张图涵盖了一个组件从创建、运行到销毁的整个过程。大家可以看到，初始化的时候会调用5个函数（按先后顺序）。这5个函数在整个...

React React Native ES6 生命周期

2019-02-14

0 563

React Native混合开发中必须要学会点FlexBox布局

　　在前面的案例中，界面的搭建都是采用CSS的布局，基于盒子模型，依赖 display属性， position属性， float属性。但对于那些特殊布局非常不方便，比如，垂直居中。一种全新的针对web和移动开发布局应运而生：Flex布局，可以简便、完整、响应式地实现各种页面布局...

React React Native FlexBox

2019-02-15

0 613

React Native常用组件之ListView组件

　　学习iOS开发的同学应该都知道UITableView，几乎每个APP中都有它的存在，而且衍生出各种形态；那么同样，ListView就是在React Native中的tableView，而且更加简单和灵活易用；让我们一起搞定它。一、前言 ListView组件是React Nati...

React React Native ES6 ES5 ListView

2019-02-16

0 708

[转]React Native 语言基础之ES6

　　React Native 是基于 React 这个前端框架来构建native app的架构。React Native基于ES6（即ECMAScript2015）语言进行开发的。 JS的组成 1) 核心（ECMAScript）：描述了该语言的语法和基本对象。担当的是一个翻译的角色；是一个...

React React Native ES6

2019-02-16

0 532

【转】React Native中ES5 ES6写法对照

　　很多React Native的初学者都被ES6的问题迷惑：各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component)，然而网上搜到的很多教程和例子都是ES5版本的，所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此整理了一些ES5和ES6的...

React React Native ES6 ES5

2019-02-16

0 524

React Native常用组件之ScrollView组件

一、前言从iOS开发的经验来看，scrollView无疑是移动开发中很重要的一个组件，比如后面会学到的ListView就是继承自它。那么，在开发中比如：焦点图、引导页等地方都有其的影子，那接下来我们一起来搞定它！　　一个包装了平台的ScrollView（滚动视图）的组件，同时还...

React React Native ES6 ES5 ScrollIView 轮播图

2019-02-16

0 1097

React Native常用组件之TabBarIOS、TabBarIOS.Item组件、Navigator组件、NavigatorIOS组件、React Navigation第三方

以下内容为老版本React Native，faceBook已经有了新的导航组件，请移步其他博客参考>>【我是传送门】参考资料：React Navigation react-native-tab-navigator的使用传送门 TabBarIOS部分　　　　在目前市面上的A...

React React Native ES6 ES5 TabBarIOSItem TabBarIOS Navigator NavigatorIOS React Navigation

2019-02-18

0 668

React Native之Fetch简单封装、获取网络状态

1、Fetch的使用　　fetch的使用非常简单，只需传入请求的url fetch('https://facebook.github.io/react-native/movies.json'); 　　当然是否请求成功与数据的处理，我们还需处理成功与失败的回调 functio...

React Native React fetch netInfo 封装 @react-native-community/netinfo

2019-02-28

0 1380