Mr·Xu - 博客园

2019年3月1日

摘要：在使用react-native的时候，经常要自定义很多组件，但是只能使用../../../的方式，经常不记得这是多深，有没有一个插件，能自动帮我们解决这样的问题？节省我们的时候，也将项目看起来更漂亮一点，答案肯定有的，不然不会有这文章了，好了回归正题。使用指南我们使用的目标要达到以下的使用效果阅读全文

posted @ 2019-03-01 17:11 Mr·Xu 阅读(932) 评论(0) 推荐(0) 编辑

React Native之持久化存储（AsyncStorage、react-native-storage）的使用

摘要： AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。这是官网上对它的介绍。可以知道，这个asyncstorage也是以键值对的形式进行存储数据的。 1、封装DeviceStorage类在其他组件中引用DeviceStorage类。 2、保存阅读全文

posted @ 2019-03-01 17:02 Mr·Xu 阅读(6252) 评论(1) 推荐(1) 编辑

2019年2月28日

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

摘要： 1、Fetch的使用 fetch的使用非常简单，只需传入请求的url 当然是否请求成功与数据的处理，我们还需处理成功与失败的回调通过response.json()将请求的返回数据转化成json数据以便使用。通过.then来对数据进行转化处理或最终暴露给调用者；.catch对异常的处理。 2、Fet 阅读全文

posted @ 2019-02-28 17:40 Mr·Xu 阅读(2312) 评论(0) 推荐(0) 编辑

2019年2月18日

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

摘要：以下内容为老版本React Native，faceBook已经有了新的导航组件，请移步其他博客参考>>【我是传送门】参考资料：React Navigation react-native-tab-navigator的使用传送门 TabBarIOS部分在目前市面上的APP中，大部分都是选项与选项之间阅读全文

posted @ 2019-02-18 14:41 Mr·Xu 阅读(562) 评论(0) 推荐(0) 编辑

2019年2月16日

React Native常用组件之ListView组件

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

posted @ 2019-02-16 16:14 Mr·Xu 阅读(1586) 评论(0) 推荐(0) 编辑

React Native常用组件之ScrollView组件

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

posted @ 2019-02-16 15:04 Mr·Xu 阅读(2334) 评论(0) 推荐(0) 编辑

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

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

posted @ 2019-02-16 09:15 Mr·Xu 阅读(266) 评论(1) 推荐(1) 编辑

[转]React Native 语言基础之ES6

摘要： React Native 是基于 React 这个前端框架来构建native app的架构。React Native基于ES6（即ECMAScript2015）语言进行开发的。 1) Block-Scoped Constructs Let and Const（块作用域构造Let and Const）阅读全文

posted @ 2019-02-16 09:15 Mr·Xu 阅读(347) 评论(0) 推荐(0) 编辑

2019年2月15日

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

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

posted @ 2019-02-15 15:20 Mr·Xu 阅读(346) 评论(0) 推荐(0) 编辑

2019年2月14日

React Native的生命周期解析

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

posted @ 2019-02-14 14:44 Mr·Xu 阅读(1888) 评论(0) 推荐(0) 编辑

公告