给Android开发者Flutter上手指南

期待已久的新教程上线啦！解锁Flutter开发新姿势，一网打尽Flutter核心技术 点我Get！！！ 目录 LinearLayout 在Flutter中等价于什么(Android)？ RelativeLayout 在Flutter中等价于什么(Android)？ 如何使用widget定义布局属性? 如何分层布局？ 如何设置布局样式？ ScrollView在Flutter中等价于什么？ 谁是Flutter的列表组件？ 如何知道点击了列表中哪个item？ 如何动态更新ListView？ LinearLayout 在Flutter中等价于什么(Android)？ 在Android中，使用LinearLayout来使你的控

一文吃透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的不同

Flutter与Android通信开发指南

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

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

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 动画开发核心技能（上）

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

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

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

两分钟带你快速掌握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是屏幕上显示的所

「快速上手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

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时会用到一些原生模块，比如：在做社会化分享、第三方登录、扫描、通信录，日历等等，想

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