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混合开