fengyuzhengfan的专栏

前几天，收到了Android Studio 2.2的更新推送，于是迫不及待的更新了一下。不负众望Android Studio 2.2带来了很多新的特性，能让我眼前一亮。

在Windows平台上开发React Native需要安装以下环境和工具：1. Note.js2. React Native Command Line Tools3. Android Studio

React Native 学习笔记该项目用于分享我在研究React Native过程中的一些经验，总结，以及踩过的一些坑。如果文章中有不对的地方还请大家及时批评指正，本项目持续更新，欢迎大家Fork and Star。 欢迎大家加入：React Native学习交流群 165774887

手把手教你构建运行React Native官方Examples。

本文向大家分享如何快速构建React Native App以及在使用快速构建方案中可能存在的一些问题及解决方案。

当我们运行一个React Native项目的时候，React Native会启动一个默认端口号为8081的本地服务，该8081的服务就是React Native项目的一个本地服务器，用于提供JSBundle包和一些静态资源。这一切都是React Native帮开发者配置好的，一切都是那么简便，但如果出现如下几种情况，那么你需要认真阅读本文了：

在这篇文章中我会向大家分享，在React Native中集成umeng统计的方法及流程。因为umeng官网有非常详细的集成文档集成文档，在这里我会介绍在React Native的Android和iOS中如何集成统计功能，但不会长篇大论。

React Native Awesome(汇聚知识，分享精华)React Native Awesome汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等，只求精不求全。

在我们常用的App中经常会看到分享与第三方登录的功能，可以说分享与第三方登录已经成为了各大APP的必备功能。对于产品运行与推广来说，分享与第三方登录不仅能加强用户粘性，增加流量及新用户，也能提升用户存、留优化产品质量等。

项目源码下载：GitHub Popular喜欢逛GitHub的小伙伴都知道，它有个查看最热项目的功能叫treding，但这个功能只能在网页上查看， 而且在手机上浏览显示效果很不友好，而我想在地铁上，餐厅，路上等空余的时间使用它，所以我需要一款带有这个功能的App。

React Native作为一个有上千开发者参与的开源项目，自从2015年3月27日第一版发布以来到现在已经有147次版本发布了，平均起来几乎每周都会有新的版本发布。随着一次次版本的迭代，React Native也逐渐稳定，版本发布频率保持在了每一到两周一次。新版本不停的迭代对于React Native开发者来说，及时升级React Native版本让项目能够使用更多的API、新特性以及淘汰掉一些老的API，不仅成为

一直想写一下我在React Native原生模块封装方面的一些经验和心得，来分享给大家，但实在抽不开身，今天看了一下日历发现马上就春节了，所以就赶在春节之前将这篇博文写好并发布。

Android7.0发布已经有一个多月了，Android7.0在给用户带来一些新的特性的同时，也给开发者带来了新的挑战，这几天我将应用适配到Android7.0，其中也遇到了不少问题也踩了一些坑，在这里就把我在Android7.0适配上的一些心得分享给大家，让大家的应用能早一天跑在Android7.0上。权限更改随着Android版本越来越高，Android对隐私的保护力度也越来越大。从Androi

React Native原生模块向JS传递数据的几种方式(Android)在做React Native开发的时候避免不了的需要原生模块和JS之间进行数据传递，这篇文章将向大家分享原生模块向JS传递数据的几种方式。方式一：通过Callbacks的方式说起Callbacks大家都不陌生，它是最常用的设计模式之一。

GitHub Popular这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。English目录功能与特性下载安装预览图运行调试ToDo功能与特性支持订阅 50 多种编程语言;支持添加/删除编程语言，并支持自定义它们的排序;支持收藏喜欢的项目;支持多种颜色主题自由切换;支持搜索,并自持自定义订阅关键字;支持

问题描述：用React Native架构的无论是Android APP还是iOS APP，在启动时都出现白屏现象，时间大概1~3s（根据手机或模拟器的性能不同而不同）。问题分析：为什么会产生白屏？React Native应用在启动时会将js bundle读取到内存中，并完成渲染。这期间由于js bundle还没有完成装载并渲染，所以界面显示的是白屏。

项目开源地址：GitHub Popular，GitHubTrending关于GitHub Trending API的困惑GitHub Popular中有个treding模块，该模块是GitHub的treding的手机版，在这个模块中你可以使用只有在PC上才能使用的功能。为了开发这个treding模块我们需要获取GitHub的treding的API数据。不过不幸的的是GitHub并没有开放有关tre

随着Android版本越来越高，Android官方对用户数据保护力度也越来越大。Android提供FileProvider类来供应用之间共享数据。

一直以来都有不少朋友问我关于Android模拟器的事情,比如:那个Android模拟比较快,如何安装使用之类。今天我整理出来这篇教程,供我的朋友以及各位小伙伴们查阅借鉴。Android的模拟器很多，但最原汁原味的还数Android SDK中的模拟器，毕竟是Google的亲儿子。

在做App开发过程中离不了的需要用户交互，说到交互，我们首先会想到的就是按钮了，在React Native中没有专门的按钮组件。 为了能让视图能够响应用的的点击事件，我们需要借助Touchablexxx组件，来包裹我们的视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，一下四个组件都可以用来包裹视图来响应用户的点击事件。

用React Native开发好APP之后，如何将APP发布以供用户使用呢？一款APP的发布流程无外乎：签名打包—>发布到各store这两大步骤。本文将向大家分享如何签名打包一款React Native APP。 众所周知，Android要求所有的APP都需要进行数字签名后，才能够被安装到相应的设备上。签名打包一个Android APP已经是每一位Android开发者的家常便饭了。

众所周知用React Native是可以开发跨平台的Android和iOS App。我们可以用React Native开发Android应用也可以开发iOS应用，那么如何让我们开发的React Native应用适配Android和iOS双平台呢？在这篇文章中我将从布局、组件选择、图片、性能问题、Bugs等几个方面来谈一谈Android和iOS的适配问题。

本文主要对React Native 0.50的关键性的更新做个讲解和开发适配指导，希望能对从事React Native开发的你有所帮助：- 在兼容性方面新增了对Android8.0、iPhone X的支持；- 在API方面为TimePicker添加了打开方式的API，另外允许在构建Android项目的时候指定applicationId;- 在组件方面，新添加了支持侧滑显示菜单的SwipeableFlatLis

概述在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代，我们看到在这十几次的版本迭代中React Native的组件库在不断地壮大，在新引进的组件中既有FlatList、SectionList等具有更高性能的列表组件，也有与时俱进的用于适配全屏幕的SafeAreaView组件，同时呢，一些性能较差、无法适应React Native未来发展的一些老的组件，如：...

在这篇文章中，将向大家分享在Flutter中：怎么编写异步的代码？怎么把工作放到后台线程执行？如何进行网络请求？如何为长时间运行的任务添加一个进度指示器？这些Flutter开发的实用技能。怎么编写异步的代码？Dart有一个单线程执行模型，支持Isolate（一种在另一个线程上运行Dart代码的方法），一个事件循环和异步编程。除非你自己创建一个 Isolate ，否则你的 Dar...

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！在本节中我们主要对标JavaScript来讲解Dart与JavaScript的异同，对JavaScript还不熟悉的小伙伴可以省略JavaScript部分，直接学习Flutter部分。程序入口JavaScript没有预定义的入口函数，但在Dart中，每个app都必须有一个顶级的main（）函数作...

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！在本节中我们主要对标React Native来讲解Flutter的一些入门基础知识，Android、iOS或web开发者可以省略React Native部分，直接学习Flutter部分。如何创建Flutter项目?以React Native为例，要创建一个React Native 项目，我们可以...

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!!为了帮助大家快速上手在React Native与Redux开发，在这本文中将向大家介绍如何在React Native中使用Redux?，以及一些必备基础以及高级知识。本文参考了《新版React Native+Redux打造高质量上线App》课程的部分讲解，更多...

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！在这篇文章中，将带着大家一起认识什么是Flutter的路由与导航，如何完成不同页面跳转？，如何获取路由跳转的返回记过？，以及如何跳转到其他APP？首页我们来学习在Flutter中如何实现不同页面跳转（导航）？在Flutter中如何实现不同页面跳转（导航）？Android：要在Flutte...

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!!为了帮助大家快速上手在React Native与Redux开发，在这本文中将向大家介绍如何在React Native中使用Redux和react-navigation组合?，以及一些必备基础以及高级知识。本参考了《新版React Native+Redux打造高...

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！在这篇文章中，将带着大家一起认识什么是StatelessWidget？，什么是StatefulWidget？，以及StatefulWidget和StatelessWidget都有哪些最佳实践？状态是在构建widget时可以同步读取的信息，或者在widget的生命周期中可能更改的信息，在Flutte...

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！在这篇文章中，将带着大家一起认识Flutter的项目文件结构是怎样子的？，在哪里归档图片资源以及如何处理不同分辨率？，如何归档strings资源，以及如何处理不同语言？也就是我们通常说的国际化，以及如何添加Flutter项目所需的依赖？...

期待已久的新课上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!!前言一直想写一下我在React Native原生模块封装方面的一些经验和心得，来分享给大家，但实在抽不开身，今天看了一下日历发现2018年马上就结束了，所以就赶年底将这篇博文写好并发布(其实是两篇：要看iOS篇的点这里《React Native iOS原生模块开发》...

为了帮助大家快速上手在React Native与Redux开发，在这本文中将向大家介绍如何在React Native中使用Redux和react-navigation组合?，以及一些必备基础以及高级知识。本参考了《新版React Native+Redux打造高质量上线App》课程的部分讲解，更多关于React Native与Redux的实战技巧可在《新版React Native+Redux打...

为了帮助大家快速上手什么是Redux开发，在这本节中将向大家介绍什么是Redux开发所需要的一些什么是Redux必备基础以及高级知识。什么是Redux？Redux 是 JavaScript 状态容器，提供可预测化的状态管理，可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。我们过下整个工作流程：用户（操作View）发出Action，发出方式就用到...

说到Flutter，可能很多同学都会将它和这几个词关联起来：新兴的、移动端、动态化、跨平台、开发框架。从去年开始Flutter的热度在不断地上升，那么它对很多同学造成了一个误区：认为Flutter是最近新兴的一个开发框架。说Flutter是最流行的框架呢，是没有任何问题的，但它并不是一个最近才出现的开发框架。为什么这么说呢，接下来让我们来了解下Flutter的时间简史：2014.10 - ...

早在4年前我曾发表过一篇关于《Android开发之反编译与防止反编译》的文章，在该文章中我对如何在Windows平台反编译APK做了讲解，如今用Mac系统的同学越来越多，也有很多朋友问我能否出一篇关于如何在Mac平台上反编译APK的文章，今天呢我就抽时间来写一下在Mac平台上如何反编译APK，希望对感兴趣的同学能有学帮助。在开始讲解反编译之前呢，我们先来扫个盲：什么是APK?APK的全...

随着react-navigation逐渐稳定，Navigator也被光荣的退休了。在React Native生态环境中需要一款可扩展且易于使用的导航组件，Navigator 自然胜任不了，这时React Native社区便孕育出了一个开源导航组件react-navigation。react-navigation的出现替代了Navigator、 Ex-Navigation等老一代的导航组件，re...

在React Native的应用场景中，有时候一个APP只有部分页面是由React Native实现的，比如：我们常用的携程App，它的首页下的很多模块都是由React Native实现的，这种开发模式被称为混合开发。混合开发的一些其他应用场景： 在原有项目中加入RN页面，在RN项目中加入原生页面 原生页面中嵌入RN模块 RN页面中嵌入原生模块以上...

随着React Navigation逐渐稳定，Navigator也被光荣的退休了。在React Native生态环境中需要一款可扩展且易于使用的导航组件，Navigator 自然胜任不了，这时React Native社区便孕育出了一个开源导航组件React Navigation。React Navigation的出现替代了Navigator、 Ex-Navigation等老一代的导航组件，Rea...