# flutter_app

**Repository Path**: hunbing/flutter_app

## Basic Information

- **Project Name**: flutter_app
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-18
- **Last Updated**: 2024-09-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Flutter教学：从零开始->进阶之旅->深入探讨
## 项目介绍
- 这个项目是一个从零开始学习flutter的教学app，会从基础组件开始讲解flutter开发，帮助想要学习flutter同学逐步认知flutter，代码方面以新手友好性为主，容易理解，新手学习也是可以的
- 项目会从环境搭建开始讲解，帮助没有flutter开发经验的但是想学习flutter开发的同学入门，所以很多代码都是偏向简单易学
- 项目会从基础学习讲起，由简入深，逐步推进，最后帮助大家成为一个合格的flutter开发人员
- 对于没有基础的同学，学习过程中有些地方可能一时不了解，比如提前用到的某些示例控件不知道什么意思，这个不用担心，先跟着写跟着看，按照流程下去后面的学习过程会对这些做出详细的讲解
- 对于有基础的开发人员，可以看看里面细致的讲解内容，可以更好的巩固基础，因为要兼顾到没有基础的同学，所以代码方面存在大量的冗余

## 博客讲解
- 下面这个博客有对flutter内容的讲解，结合起来学习会更好，欢迎大家点赞，分享以及提出宝贵意见，谢谢！
- [简书主页](https://www.jianshu.com/u/9ff9ec9f18f5)
- [Flutter教学目录](https://www.jianshu.com/p/3320350b3814)
- [Flutter（1）：Flutter Mac/Flutter Windows 下载安装，环境搭建](https://www.jianshu.com/p/c8507302ab09)
- [Flutter（2）：创建一个Flutter App](https://www.jianshu.com/p/d5517fcf2dae)
- [Flutter（3）：新建一个简单页面并实现路由跳转](https://www.jianshu.com/p/dd558b2601a3)
- [Flutter（4）：基础组件之Container](https://www.jianshu.com/p/2b775096a522)
- [Flutter（5）：基础组件之Row/Column](https://www.jianshu.com/p/c140cb0e790f)
- [Flutter（6）：基础组件之Image](https://www.jianshu.com/p/1a6926e1cad2)
- [Flutter（7）：基础组件之Text](https://www.jianshu.com/p/7a5d743d1470)
- [Flutter（8）：基础组件之Icon](https://www.jianshu.com/p/51e7653c1ba9)
- [Flutter（9）：基础组件之Button](https://www.jianshu.com/p/89b6d825fc79)
- [Flutter（10）：基础组件之Scaffold](https://www.jianshu.com/p/82d19ba3947a)
- [Flutter（11）：基础组件之AppBar](https://www.jianshu.com/p/7ed0316aa92f)
- [Flutter（12）：基础组件之FlutterLogo、Placeholder](https://www.jianshu.com/p/beaa5741423e)
- [Flutter（13）：Material组件之TabBar](https://www.jianshu.com/p/40a24104fa55)
- [Flutter（14）：Material组件之TabBarView](https://www.jianshu.com/p/52bacff37d78)
- [Flutter（15）：Material组件之BottomNavigationBar](https://www.jianshu.com/p/22d8974c5e04)
- [Flutter（16）：Material组件之PageView](https://www.jianshu.com/p/36373652ea78)
- [Flutter（17）：Material组件之Button，MaterialApp，Drawer](https://www.jianshu.com/p/6dd0c9dfb8d3)
- [Flutter（18）：Material组件之TextField](https://www.jianshu.com/p/554ecec4933b)
- [Flutter（19）：Material组件之Checkbox/CheckboxListTile](https://www.jianshu.com/p/b41819b51438)
- [Flutter（20）：Material组件之Radio/RadioListTile](https://www.jianshu.com/p/895d6dcf2437)
- [Flutter（21）：Material组件之Switch/SwitchListTile](https://www.jianshu.com/p/6723509d5abd)
- [Flutter（22）：Material组件之Slider](https://www.jianshu.com/p/22333c0b9eb4)
- [Flutter（23）：Material组件之Date & Time Pickers](https://www.jianshu.com/p/4fc9e11a4793)
- [Flutter（24）：Material组件之SimpleDialog](https://www.jianshu.com/p/925eb73d1752)
- [Flutter（25）：Material组件之AlertDialog](https://www.jianshu.com/p/855bc5c56a5e)
- [Flutter（26）：Material组件之BottomSheet](https://www.jianshu.com/p/9cab2151ee05)
- [Flutter（27）：Material组件之SnackBar](https://www.jianshu.com/p/1ad73983b7d9)
- [Flutter（28）：Material组件之Tooltip](https://www.jianshu.com/p/a0385bd4953c)
- [Flutter（29）：Material组件之Card](https://www.jianshu.com/p/51dc71ed4e4f)
- [Flutter（30）：Material组件之DataTable](https://www.jianshu.com/p/23fc6f3acd7c)
- [Flutter（31）：Material组件之LinearProgressIndicator/CircularProgressIndicator](https://www.jianshu.com/p/ed8ef85f944f)
- [Flutter（32）：Material组件之Chip](https://www.jianshu.com/p/405d374e186c)
- [Flutter（33）：Material组件之ListTile、RefreshIndicator、ListView、Divider](https://www.jianshu.com/p/fdc5ffd56267)
- [Flutter（34）：Material组件之ExpansionPanelList、ExpansionPanel、ExpansionPanelRadio、ExpansionTile](https://www.jianshu.com/p/a592ebed7679)
- [Flutter（35）：Material组件之Stepper](https://www.jianshu.com/p/45986c0b7686)
- [Flutter（36）：Cupertino组件之CupertinoActivityIndicator](https://www.jianshu.com/p/2c8fa5d40c0b)
- [Flutter（37）：Cupertino组件之CupertinoAlertDialog](https://www.jianshu.com/p/6d866ce2d04d)
- [Flutter（38）：Cupertino组件之CupertinoButton](https://www.jianshu.com/p/7984e98f4e81)
- [Flutter（39）：Cupertino组件之CupertinoDialog、CupertinoPopupSurface](https://www.jianshu.com/p/1d791b0693a7)
- [Flutter（40）：Cupertino组件之CupertinoSlider](https://www.jianshu.com/p/a1818b00164f)
- [Flutter（41）：Cupertino组件之CupertinoSwitch](https://www.jianshu.com/p/ea1671cf94e6)
- [Flutter（42）：Cupertino组件之CupertinoPageScaffold、CupertinoNavigationBar](https://www.jianshu.com/p/c872f88aabb7)
- [Flutter（43）：Cupertino组件之CupertinoTabScaffold、CupertinoTabBar、CupertinoTabView](https://www.jianshu.com/p/80622a0e468c)
- [Flutter（44）：Layout组件之Container](https://www.jianshu.com/p/2fe0603750d7)
- [Flutter（45）：Layout组件之Padding](https://www.jianshu.com/p/557950d269ce)
- [Flutter（46）：Layout组件之Center](https://www.jianshu.com/p/0a4cc695dcb7)
- [Flutter（47）：Layout组件之Align](https://www.jianshu.com/p/7e2ccfbb3889)
- [Flutter（48）：Layout组件之FittedBox](https://www.jianshu.com/p/a49ebfb9e530)
- [Flutter（49）：Layout组件之AspectRatio](https://www.jianshu.com/p/f93aa014027a)
- [Flutter（50）：Layout组件之ConstrainedBox](https://www.jianshu.com/p/a29df4b062b0)
- [Flutter（51）：Layout组件之Baseline](https://www.jianshu.com/p/345e2dc93bd0)
- [Flutter（52）：Layout组件之FractionallySizedBox](https://www.jianshu.com/p/165c38ab9485)
- [Flutter（53）：Layout组件之IntrinsicWidth/IntrinsicHeight](https://www.jianshu.com/p/4bec5daf2e8f)
- [Flutter（54）：Layout组件之LimitedBox](https://www.jianshu.com/p/ee9a4e5a55b4)
- [Flutter（55）：Layout组件之Offstage](https://www.jianshu.com/p/b2c291155776)
- [Flutter（56）：Layout组件之OverflowBox](https://www.jianshu.com/p/5851d8c63b94)
- [Flutter（57）：Layout组件之SizedOverflowBox](https://www.jianshu.com/p/01e9922abdd1)
- [Flutter（58）：Layout组件之SizedBox](https://www.jianshu.com/p/e92a844f406a)
- [Flutter（59）：Layout组件之Transform](https://www.jianshu.com/p/760ecb56b78a)
- [Flutter（60）：Layout组件之UnconstrainedBox](https://www.jianshu.com/p/c90aa584c444)
- [Flutter（61）：Layout组件之CustomSingleChildLayout](https://www.jianshu.com/p/5b99d059d671)
- [Flutter（62）：Layout组件之Stack、Positioned](https://www.jianshu.com/p/0a155fbebcff)
- [Flutter（63）：Layout组件之IndexedStack](https://www.jianshu.com/p/a6adbb843d10)
- [Flutter（64）：Layout组件之Flow](https://www.jianshu.com/p/9489bee8098f)
- [Flutter（65）：Layout组件之Table](https://www.jianshu.com/p/f293a1507cd5)
- [Flutter（66）：Layout组件之Wrap](https://www.jianshu.com/p/10f373500a3b)
- [Flutter（67）：Layout组件之ListBody](https://www.jianshu.com/p/1a852493ee13)
- [Flutter（68）：Layout组件之CustomMultiChildLayout](https://www.jianshu.com/p/1f5b2440e726)
- [Flutter（69）：Builder、LayoutBuilder、StatefulBuilder、SliverLayoutBuilder](https://www.jianshu.com/p/bb05b02d55e3)
- [Flutter（70）：Sliver组件之CustomScrollView](https://www.jianshu.com/p/e6108f8896bd)
- [Flutter（71）：Sliver组件之SliverAppBar](https://www.jianshu.com/p/07999c8157d7)
- [Flutter（72）：Sliver组件之SliverList](https://www.jianshu.com/p/4b4b0b6f38b5)
- [Flutter（73）：Sliver组件之SliverGrid](https://www.jianshu.com/p/a2481e0696d0)
- [Flutter（74）：Sliver组件之SliverPadding](https://www.jianshu.com/p/01e49436cd08)
- [Flutter（75）：Sliver组件之SliverFixedExtentList](https://www.jianshu.com/p/5f3385ad2e2f)
- [Flutter（76）：Sliver组件之SliverPrototypeExtentList](https://www.jianshu.com/p/321a6d8169e1)
- [Flutter（77）：Sliver组件之SliverToBoxAdapter](https://www.jianshu.com/p/aa10ef2f9034)
- [Flutter（78）：Sliver组件之SliverPersistentHeader](https://www.jianshu.com/p/f985934fb393)
- [Flutter（79）：Scroll组件之GridView](https://www.jianshu.com/p/9114e7a53943)
- [Flutter（80）：Scroll组件之SingleChildScrollView](https://www.jianshu.com/p/9b3f4876378b)
- [Flutter（81）：Scroll组件之NestedScrollView](https://www.jianshu.com/p/005039a39ec9)
- [Flutter（82）：Scroll组件之Scrollbar](https://www.jianshu.com/p/8bc7792e4038)
- [Flutter（83）：NotificationListener](https://www.jianshu.com/p/d80545454944)
- [Flutter（84）：Draggable组件之DraggableScrollableSheet、DraggableScrollableNotification](https://www.jianshu.com/p/368760d1a778)
- [Flutter（85）：Draggable组件之Draggable](https://www.jianshu.com/p/3b579b01847f)
- [Flutter（86）：Draggable组件之DragTarget](https://www.jianshu.com/p/b08e210b8a38)
- [Flutter（87）：Draggable组件之LongPressDraggable](https://www.jianshu.com/p/bf8ea911a1c4)
- [Flutter（88）：Text组件之RichText](https://www.jianshu.com/p/3e3128741ccb)

## 补充知识点
- [一、Flutter（Dart）中extends 、 implements 、 with的用法与区别](https://www.jianshu.com/p/04b896764f6e)
- [二、Flutter：State生命周期以及页面重载问题详解](https://www.jianshu.com/p/1d0eee77fcc0)
- [三、Flutter（Dart）：导包遇到重名文件](https://www.jianshu.com/p/539d69de9924)