一文吃透Flutter开发环境搭建及常见问题分析

WARNING:内容较长建议收藏，以便后续的查找和学习。 跨平台技术现已成为企业提升研发效率和动态化能力，抢占新赛道的搏击场。从闲鱼到淘宝，从QQ到微信，从京东到百度，从美团到抖音，BAT等一线互联网大厂在全面拥抱Flutter。 2020 短短一年里，Flutter在GitHub 和 StackOverflow已经赶超React Native成为开发者首选跨平台框架。 作为想学习Flutter开发或者初入Flutter开发的小伙伴该如何搭建Flutter开发环境？以及环境搭建过程中都有哪些坑？那么，在这篇文章中我将详细的向小伙伴分享Fl

初学者如何高效的学习Flutter？

为了高效快速学习Flutter初学者可以按照这样的步骤进行学习 走进和认识它 掌握它的语言 掌握它的Widget 熟悉它的状态机制 调试技巧 深入原理 合理利用工具 其中Widget、状态机制、调试技巧以及深入原理在课程后面会有相应的章节进行讲解在这里以我们主要聚焦在走进和认识它、掌握它的语言以及合理利用工具这些环节上。 认识Flutter Flutter 是由Google 开发的一个跨平台UI开发工具包叫它UI开发工具包主要是因为它主要聚焦在UI搭建和渲染层的事情对于本台本身的一些功能比如调用蓝牙

React Navigation 4x到5x的迁移指南

>提示：本教程不定期更新，请关注课程章节列表及时获取更新 在这个教程中将向大家分享React Navigation 4x到5x的迁移指南，本教程主要以课程源码为例讲解4x到5x迁移过程中所需要做的事情以及一些经验和心得。 如果你的项目还没有使用4x版本，那么可以直接参考下面教程按照和使用4x或5x版本的导航器： React Navigation 5x安装适配指南 React Navigation 4x安装适配指南 目录 热门问答 迁移指南 包依赖迁移 Navigation Container迁移 路由配置迁移 关于navigation prop的不同

为什么要学习HarmonyOS以及如何快速上手？

华为在9月10日发布了HarmonyOS 2.0一时间引起了业界乃至软件开发行业很大的反响，那么作为一名开发人员该不该学习HarmonyOS以及如何快速上手HarmonyOS？那么接下来我们先从HarmonyOS对软件开发行业的影响以及HarmonyOS对开发者的影响两个维度进行分析，然后在总结出我们需要的答案，最后呢为大家分享快速上手HarmonyOS开发的RoadMap。 >文末有个彩蛋哦！ 目录 HarmonyOS对软件开发行业的影响 HarmonyOS对开发者的影响 对移动端开发者的影响 对非移动端开发者的影响 为什么要学习HarmonyO

一文道尽Flutter最新最全的学习资料

<img src="https://user-images.githubusercontent.com/1295961/45949308-cbb2f680-bffb-11e8-8054-28c35ed6d132.png" width="850" alt="45949308-cbb2f680-bffb-11e8-8054-28c35ed" /> 一文道尽Flutter最新最全的学习资料。 >WARNING:内容较长建议收藏以便后续的查找和学习。 目录 文章 视频 组件 导航 模板 插件 框架 实验性 游戏 开源App 实用工具 社区 书籍 福利 文章 介绍 Google IO 2018 [1.1K👏] - 构建美观灵活的用户界面。 Presentation - 为什么我会

Flutter与Android通信开发指南

本文摘自《Flutter从入门到进阶-实战携程网App》，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在做Flutter开发的时候通常离不了Flutter和Native之间的通信，比如：初始化Flutter时Native向Dart传递数据，Dart调用Native的相册选择图片，Dart调用Native的模块进行一些复杂的计算，Native将一些数据(GPS信息，陀螺仪，传感器等)主动传递给Dart等。 在这本篇文章中我将向大家分享在Flutter中Dart和Native之间通信的几种方式以及其原理和使用技巧； 接下来我将分场景来介绍D

React Native布局详细指南

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 一款好的APP离不了一个漂亮的布局，本文章将向大家分享React Native中的布局方式FlexBox。 在React Native中布局采用的是FleBox(弹性框)进行布局。 FlexBox提供了在不同尺寸设备上都能保持一致的布局方式。FlexBox是CSS3弹性框布局规范，目前还处于最终征求意见稿 (Last Call Working Draft)阶段，并不是所有的浏览器都支持Flexbox。但大家在做React Native开发时大可不必担心

ES6、ES7、ES8学习指南

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 概述 ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMAScript-262。 ECMAScript 标准建立在一些原有的技术上，最为著名的是 JavaScript (网景) 和 JScript (微软)。它最初由网景的 Brendan Eich 发明，第一次出现是在网景的 Navigator 2.0 浏览器上。Netscape 2.0 以及微软 Internet Explorer 3.0 后序的所有浏

Kotlin与Java的异同看完这篇就够了！

在这篇文章中呢，我将为大家分享Kotlin与Java上的主要异同，希望能够帮助到各位小伙伴利用现有的Java知识快速上手Kotlin开发。 本文出自教程《移动端架构师成长体系课》——带你完成从普通工程师到架构师的蜕变。 打印日志 Java System.out.print("hello world"); System.out.println("hello world"); Kotlin print("hello world") println("hello world") 定义变量与常量常 Java String name = "hello world"; final String name = "hello world"; Kotlin var name

以架构师视角认识Kotlin

为大家倾力打造的课程《移动端架构师成长体系课》上线了，带你从移动普通工程师到架构师全方位蜕变；全面掌握面向移动端未来的主流技术栈；从零开始亲自构建千万级电商项目，串联移动架构师成长各阶段。 目录 Kotlin概述 学习Kotlin对架构师的意义 Kotlin设计理念 Kotlin构建流程 该如何有效的学习 本文出自教程《移动端架构师成长体系课》——带你完成从普通工程师到架构师的蜕变。 Kotlin概述 Kotlin是一种在Java虚拟机上运行的静态类型编程语言。它主要是JetBrains开发团队所开发出

React Native列表之FlatList开发实用教程

为大家倾力打造的课程《新版React Native+Redux打造高质量上线App》上线了，解锁React Native开发应用新姿势，一网打尽React Native新版本热门技术 点我Get！！！ 在APP开发过程中，列表可谓是页面最重要的一种展现形式了，几乎每一个APP都离不了列表，那么在这篇文章中将向大家分享在React Native中该如何实现列表，以及FlatList的原理和实用指南。 本文出自教程《新版React Native+Redux打造高质量上线App》——将带你解锁React Native开发应用新姿势，一网打尽React Native新版本热

Flutter异步编程Future与FutureBuilder的实用技巧

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在这篇文章中，将向大家分享异步编程Future与FutureBuilder的一些实用知识和技巧，首先会带着大家认识什么是Future？、Future的常见用法？、以及什么是FutureBuilder？，以及FutureBuilder常见的用法？等。 在大家Flutter开发环境过程中遇到无法解决的问题可以在课程问答区进行提问，课程老师会对你进行辅导和帮助； 目录 什么是Future？ Future的常见用

这个五一你们去玩吧，我要学好Flutter为升职加薪做准备了

「比你优秀的人不可怕，可怕的是比你优秀的人比你更努力」——奋斗的互联网人 眼看着五一假期就要到了，很多小伙伴都在计划着去哪旅行，而我要好好利用这个假期学好Flutter开发，让Flutter成为我职业技能上的一把利器，为接下来的跳槽或升职加薪做准备。 背景 不知大家是否有和我一样的体感，这两年互联网领域开发方面的职位越来越少，工作也没以前好找了，很多公司裁员或者缩减headcount，一些一二线的互联网公司也在缩减甚至停止校招了。那为什么会出现这个现象呢？ 对，你猜的没错，又互

玩转Flutter本地存储看完这篇就够了！

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在这篇文章中，我将向大家分享Flutter 本地存储的一些实用知识和技巧。首先会带你一起认识什么是shared_preferences、如何使用shared_preferences、以及shared_preferences有那些常用的API？，最后会通过一个计数器的例子来巩固Flutter 中本地存储的知识点等。 在你学习Flutter 本地存储过程中遇到无法解决的问题或疑问，都可以在课程问答区进行提问，课

Flutter Http网络操作实用教程

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在这篇文章中，将向大家分享Flutter网络操作的一些实用知识和技巧，包括如何用Http库做get请求？、如何用Http库做post请求？、如何将Response转换成Dart object？，以及如何将请求结果展示在界面上？等。 在大家Flutter开发环境过程中遇到无法解决的问题可以在课程问答区进行提问，课程老师会对你进行辅导和帮助； 目录 如何用Http库做get请求？ 如何用

Flutter Hero动画开发实用教程

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在这篇文章中，将向大家分享Flutter动画中的重要一员Hero动画，以及一些Hero动画的开发技巧和经验。 在大家Flutter开发环境过程中遇到无法解决的问题可以在课程问答区进行提问，课程老师会对你进行辅导和帮助； 精心设计的动画会让用户界面感觉更直观、流畅，能改善用户体验。 Flutter的动画支持可以轻松实现各种动画类型。许多widget，特别是Material D

带你轻松掌握Flutter 动画开发核心技能（上）

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在这篇文章中，将向大家分享Flutter动画开发的一些核心技能，以及一些技巧和经验。 在大家Flutter开发环境过程中遇到无法解决的问题可以在课程问答区进行提问，课程老师会对你进行辅导和帮助； 精心设计的动画会让用户界面感觉更直观、流畅，能改善用户体验。 Flutter的动画支持可以轻松实现各种动画类型。许多widget，特别是Material Design widgets，

带你快速掌握Flutter图片开发核心技能

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在这篇文章中，将带着大家一起学习在Flutter中图片开发以及应用场景中的必备技能以及一些经验技巧。 本文学习过程中遇到无法解决的问题可以在课程问答区进行提问，课程老师会对你进行辅导和帮助； 欢迎加入课程官方群：795410523 和讲师以及其他师兄弟们一起学习交流； 目录 什么是Image widget？ 如何加载网络图片？ 如何加载静态图片？ 如何加载

两分钟带你快速搭建Flutter开发环境(Windows)

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在这篇文章中，将带着大家一起在Windows平台上快速搭建Flutter的开发环境，同时会将搭建Flutter开发环境中的一些技巧和经验分享给大家。 在大家Flutter开发环境过程中遇到无法解决的问题可以在课程问答区进行提问，课程老师会对你进行辅导和帮助； 目录 系统要求 设置FLutter镜像(非必须) 获取Flutter SDK Android开发环境设置 安装Flutter插件 系

两分钟带你快速搭建Flutter开发环境(Mac)

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 在这篇文章中，将带着大家一起在Mac平台上快速搭建Flutter的开发环境，同时会将搭建Flutter开发环境中的一些技巧和经验分享给大家。 在大家Flutter开发环境过程中遇到无法解决的问题可以在课程问答区进行提问，课程老师会对你进行辅导和帮助； 目录 系统要求 设置FLutter镜像(非必须) 获取Flutter SDK iOS开发环境设置 Android开发环境设置 安装Flu

两分钟带你快速掌握Flutter的项目结构、资源、依赖和本地化

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

两分钟带你快速掌握Flutter的路由与导航

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！ 在这篇文章中，将带着大家一起认识什么是Flutter的路由与导航，如何完成不同页面跳转？，如何获取路由跳转的返回记过？，以及如何跳转到其他APP？ 首页我们来学习在Flutter中如何实现不同页面跳转（导航）？ 在Flutter中如何实现不同页面跳转（导航）？ Android： 要在Flutter中切换屏幕，我们可以访问路由以绘制新的Widget。 管理多个屏幕有两个核心概念和类：Route 和 Navigator。Route是应用程序的

两分钟带你掌握Flutter的StatelessWidget与StatefulWidget

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

带你快速掌握Flutter的视图(Widgets)

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！ 在这篇文章中，将向大家分享Flutter开发中的一些视图（Widgets）相关的一些知识和经验，主要包含： 谁是Flutter中View？ 如何更新Widgets? 如何布局？ 如何在布局中添加或删除组件？ 如何对 Widget 做动画？ 如何绘图(Canvas draw/paint)？ 如何构建自定义Widgets? 如何设置Widget的透明度？ 通过这篇文章的学习，将为你揭开这些答案。 谁是Flutter中View？ 在Android中，View是屏幕上显示的所

React Native+react-navigation+redux开发实用教程

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

「快速上手Flutter开发系列教程」之线程和异步UI开发指南

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！ 在这篇文章中，将向大家分享在Flutter中： 怎么编写异步的代码？ 怎么把工作放到后台线程执行？ 如何进行网络请求？ 如何为长时间运行的任务添加一个进度指示器？ 这些Flutter开发的实用技能。 怎么编写异步的代码？ Dart有一个单线程执行模型，支持Isolate（一种在另一个线程上运行Dart代码的方法），一个事件循环和异步编程。除非你自己创建一个 Isolate ，否则你的 Dart 代码永远运行在主UI 线

「快速上手Flutter开发系列教程」之布局与列表开发指南

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！ 本文参考了《Flutter从入门到进阶-实战携程网App》课程的部分讲解，更多关于Flutter 布局与列表的实战技巧可在《Flutter从入门到进阶-实战携程网App》中查看。 说道列表大家可能都不陌生，那么在Flutter中列表是由什么实现的呢？它和Android上的LinearLayout与RelativeLayout又有什么异同呢，以及如何使用Flutter的列表以及动态更新列表等相关技巧和经验又有那些呢？另外，如何设置Flutter的布局样式呢？在

React Native+Redux开发实用教程

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

Flutter入门必备基础知识

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！ 在本文中我们主要对标React Native来讲解Flutter的一些入门基础知识，Android、iOS或web开发者可以省略React Native部分，直接学习Flutter部分。 如何创建Flutter项目? 以React Native为例，要创建一个React Native 项目，我们可以通过create-react-native-app脚手架来完成： $ create-react-native-app <projectname> 要创建一个Flutter 项目有以下两种方式： 从命令行使用flutter create命令

Flutter开发之Dart必备基础知识

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

革命性移动端开发框架-Flutter时间简史

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了，点我Get！！！ 说到Flutter，可能很多同学都会将它和这几个词关联起来：新兴的、移动端、动态化、跨平台、开发框架。 从去年开始Flutter的热度在不断地上升，那么它对很多同学造成了一个误区：认为Flutter是最近新兴的一个开发框架。说Flutter是最流行的框架呢，是没有任何问题的，但它并不是一个最近才出现的开发框架。为什么这么说呢，接下来让我们来看看一下Flutter的时间简史： 2014.10 - Flutter的前身Sky在GitHub

Redux开发实用教程

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 为了帮助大家快速上手什么是Redux开发，在这本节中将向大家介绍什么是Redux开发所需要的一些什么是Redux必备基础以及高级知识。 什么是Redux？ Redux 是 JavaScript 状态容器，提供可预测化的状态管理，可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。 我们过下整个工作流程： 用户（操作View）发出Action，发出方式就用到了dispatch

React Native开发之React必备基础知识

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 为了帮助大家快速上手React Native开发，在这本节中将向大家介绍开发React Native所需要的一些React必备基础知识。 概述 本节课将从React的特点、如何使用React、JSX语法，然后会对组件(Component）以及组件的属性(props)、状态(state)、生命周期等方面进行讲解。 通过本节课程能学到什么？ 对React有个全面的认识； 熟悉JSX基本语法； 了解组件结构； 熟悉组件的生命周期；

『React Navigation 3x系列教程』createSwitchNavigator开发指南

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 这篇文章将向大家分享createSwitchNavigator的一些开发指南和实用技巧。 createSwitchNavigator SwitchNavigator 的用途是一次只显示一个页面。 默认情况下，它不处理返回操作，并在你切换时将路由重置为默认状态。 createSwitchNavigator API createSwitchNavigator(RouteConfigs, SwitchNavigatorConfig): RouteConfigs(必选，同createStackNavigator的RouteConfigs)：路由

『React Navigation 3x系列教程』createDrawerNavigator开发指南

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 这篇文章将向大家分享createDrawerNavigator的一些开发指南和实用技巧。 createDrawerNavigator抽屉效果，侧边滑出： createDrawerNavigator API createDrawerNavigator(RouteConfigs, DrawerNavigatorConfig): RouteConfigs(必选)：路由配置对象是从路由名称到路由配置的映射，告诉导航器该路由呈现什么。 DrawerNavigatorConfig(可选)：配置导航器的路由(如：默认首屏，naviga

『React Navigation 3x系列教程』createMaterialTopTabNavigator开发指南

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! createMaterialTopTabNavigator createBottomTabNavigator相当于iOS里面的TabBarController，屏幕下方的标签栏。如图： createMaterialTopTabNavigator API createMaterialTopTabNavigator(RouteConfigs, TabNavigatorConfig): RouteConfigs(必选)：路由配置对象是从路由名称到路由配置的映射，告诉导航器该路由呈现什么。 TabNavigatorConfig(可选)：配置导航器的路由(如：默认

『React Navigation 3x系列教程』之createBottomTabNavigator开发指南

>期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! createBottomTabNavigator相当于iOS里面的TabBarController，屏幕下方的标签栏。如图： createBottomTabNavigator API >createBottomTabNavigator(RouteConfigs, BottomTabNavigatorConfig): RouteConfigs(必选)：路由配置对象是从路由名称到路由配置的映射，告诉导航器该路由呈现什么。 BottomTabNavigatorConfig(可选)：配置导航器的路由(如：默认首屏，navigationOptions，pa

『React Navigation 3x系列教程』之createStackNavigator开发指南

>期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! createStackNavigator createStackNavigator提供APP屏幕之间切换的能力，它是以栈的形式还管理屏幕之间的切换，新切换到的屏幕会放在栈的顶部。 屏幕转场风格 默认情况下，createStackNavigator提供了转场过渡效果，在Android和iOS上过渡效果是不同的，这也是React Native重平台性的一个体现，在Android上从屏幕底部淡入，在iOS上是从屏幕的右侧划入，当然你也可以通过配置让Stack

『React Navigation 3x系列教程』之React Navigation 3x开发指南

期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 随着React Navigation逐渐稳定，Navigator也被光荣的退休了。在React Native生态环境中需要一款可扩展且易于使用的导航组件，Navigator 自然胜任不了，这时React Native社区便孕育出了一个开源导航组件React Navigation。 React Navigation的出现替代了Navigator、 Ex-Navigation等老一代的导航组件，React Navigation可以说是Navigator的加强版，不仅有Navigator的全部功能，

如何开发React Native 原生模块(Native Modules)？看完这篇文章就够了(Android)

期待已久的新课上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 前言 一直想写一下我在React Native原生模块封装方面的一些经验和心得，来分享给大家，但实在抽不开身，今天看了一下日历发现2018年马上就结束了，所以就赶年底将这篇博文写好并发布(其实是两篇：要看iOS篇的点这里《React Native iOS原生模块开发》)。 我平时在用React Native开发App时会用到一些原生模块，比如：在做社会化分享、第三方登录、扫描、通信录，日历等等，想必大家也

如何开发React Native 原生模块(Native Modules)？看完这篇文章就够了(iOS)

期待已久的新课上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 前言 一直想写一下我在React Native原生模块封装方面的一些经验和心得，来分享给大家，但实在抽不开身，今天看了一下日历发现2018年马上就结束了，所以就赶年底将这篇博文写好并发布(其实是两篇：要看Android篇的点这里《React Native Android原生模块开发》)。 我平时在用React Native开发App时会用到一些原生模块，比如：在做社会化分享、第三方登录、扫描、通信录，日历等等，想

React Native 集成分享第三方登录功能分享第三方登录模块开发(iOS)

期待已久的新课上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 在我们常用的App中经常会看到分享与第三方登录的功能，可以说分享与第三方登录已经成为了各大APP的必备功能。对于产品运行与推广来说，分享与第三方登录不仅能加强用户粘性，增加流量及新用户，也能提升用户存留优化产品质量等。 各大平台都有对应的开发平台来提供分享与第三方登录的服务，比如微信开发平台/腾讯开发平台、新浪开发者平台等。因为各大平台及相关SDK存在很大的差异，单独

React Native 集成分享第三方登录功能分享第三方登录模块开发(Android)

期待已久的新课上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 在我们常用的App中经常会看到分享与第三方登录的功能，可以说分享与第三方登录已经成为了各大APP的必备功能。对于产品运行与推广来说，分享与第三方登录不仅能加强用户粘性，增加流量及新用户，也能提升用户存、留优化产品质量等。 各大平台都有对应的开发平台来提供分享与第三方登录的服务，比如微信开发平台/腾讯开发平台、新浪开发者平台等。因为各大平台及相关SDK存在很大的差异，单

从navigator到react-navigation进阶教程

期待已久的新课上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get 随着react-navigation逐渐稳定，Navigator也被光荣的退休了。在React Native生态环境中需要一款可扩展且易于使用的导航组件，Navigator 自然胜任不了，这时React Native社区便孕育出了一个开源导航组件react-navigation。 react-navigation的出现替代了Navigator、 Ex-Navigation等老一代的导航组件，react-navigation可以说是Navigator的加强版，不仅有Navigator的全部功能，另外还支

轻松教你React Native 混合开发(Android篇)

期待已久的新课上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 在React Native的应用场景中，有时候一个APP只有部分页面是由React Native实现的，比如：我们常用的携程App，它的首页下的很多模块都是由React Native实现的，这种开发模式被称为混合开发。 混合开发的一些其他应用场景： 在原有项目中加入RN页面，在RN项目中加入原生页面 原生页面中嵌入RN模块 RN页面中嵌入原生模块 以上这些都属于React Native混合开发的范畴，那么如何进行Re

轻松教你React Native 混合开发(iOS篇)

期待已久的新课上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 在React Native的应用场景中，有时候一个APP只有部分页面是由React Native实现的，比如：我们常用的携程App，它的首页下的很多模块都是由React Native实现的，这种开发模式被称为混合开发。 混合开发的一些其他应用场景： 在原有项目中加入RN页面，在RN项目中加入原生页面 原生页面中嵌入RN模块 RN页面中嵌入原生模块 Native UI Components 以上这些都属于React Native混合开