自学Flutter
学一点记一点,积少成多!
基于《Flutter实战》自学:https://book.flutterchina.club/
技术宅-Nopi
这个作者很懒,什么都没留下…
展开
-
【自学Flutter】38 flutter_webview_plugin的使用
38 flutter_webview_plugin的使用1.源代码import 'package:flutter/material.dart';import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';void main() => runApp(MyApp());class MyApp extends...原创 2019-07-14 20:58:09 · 3645 阅读 · 0 评论 -
【自学Flutter】37 WebSockets的使用
37 WebSockets的使用1.源代码import 'package:flutter/material.dart';import 'package:web_socket_channel/io.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyA...原创 2019-07-02 11:59:52 · 2748 阅读 · 2 评论 -
【自学Flutter】36 网络操作
36 网络操作1.源代码import 'package:dio/dio.dart';import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() =...原创 2019-07-02 10:37:49 · 155 阅读 · 0 评论 -
【自学Flutter】35 文件操作
35 文件操作1.源代码import 'dart:io';import 'dart:async';import 'package:flutter/material.dart';import 'package:path_provider/path_provider.dart';void main() => runApp(MyApp());class MyApp extends...原创 2019-07-02 09:40:04 · 215 阅读 · 0 评论 -
【自学Flutter】34 自定义Widget(自绘)
34 自定义Widget(自绘)1.源代码import 'dart:ui';import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() =>...原创 2019-07-01 21:50:38 · 454 阅读 · 0 评论 -
【自学Flutter】33 自定义Widget 的使用(组合)
33 自定义Widget 的使用(组合)1.源代码import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState()...原创 2019-07-01 19:37:32 · 478 阅读 · 0 评论 -
【自学Flutter】32 交错动画的使用
32 交错动画的使用1.源代码import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}class...原创 2019-07-01 17:16:33 · 370 阅读 · 0 评论 -
【自学Flutter】31 Hero 动画的使用
31 Hero 动画的使用1.源代码import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}cl...原创 2019-07-01 16:37:31 · 753 阅读 · 0 评论 -
【自学Flutter】30 路由动画的使用
30 路由动画的使用1.源代码import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState cr...原创 2019-07-01 16:15:32 · 165 阅读 · 0 评论 -
【自学Flutter】29 动画的使用
29 动画的使用1.源代码import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}class _...原创 2019-07-01 15:42:54 · 106 阅读 · 0 评论 -
【自学Flutter】28.2 命名路由的使用及路由参数的传递
28.2 命名路由的使用及路由参数的传递1.源代码import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState()...原创 2019-07-01 14:42:48 · 490 阅读 · 0 评论 -
【自学Flutter】28.1 路由的使用及跳转
28 路由的使用及跳转1.源代码import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}clas...原创 2019-07-01 14:08:54 · 153 阅读 · 0 评论 -
【自学Flutter】27.5 手势冲突(Listener处理)
27.5 手势冲突(Listener处理)1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState...原创 2019-07-01 00:51:43 · 2726 阅读 · 0 评论 -
【自学Flutter】27.4 手势识别(GestureRecognizer的使用)
27.4 手势识别(GestureRecognizer的使用)1.源代码import 'package:flutter/gestures.dart';import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @over...原创 2019-06-30 23:34:29 · 5265 阅读 · 0 评论 -
【自学Flutter】27.3 手势识别(缩放)
27.3 手势识别(缩放)1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}c...原创 2019-06-30 23:14:20 · 1316 阅读 · 0 评论 -
【自学Flutter】27.2 手势识别(滑动、拖动)
27.2 手势识别(滑动、拖动)1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}...原创 2019-06-30 23:00:07 · 3322 阅读 · 0 评论 -
【自学Flutter】27.1 手势识别(点击、双击、长按)
27.1 手势识别(点击、双击、长按)1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState()...原创 2019-06-30 22:40:45 · 2811 阅读 · 0 评论 -
【自学Flutter】26 主题 Theme 的使用
26 主题 Theme 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}...原创 2019-06-30 17:58:40 · 615 阅读 · 0 评论 -
【自学Flutter】25 InheritedWidget数据共享的使用
25 InheritedWidget数据共享的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppS...原创 2019-06-30 16:44:49 · 463 阅读 · 0 评论 -
【自学Flutter】24 WillPopScope 的使用
24 WillPopScope 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState()...原创 2019-06-30 15:17:26 · 1707 阅读 · 0 评论 -
【自学Flutter】23 滚动监听和 NotificationListener的使用
23 滚动监听和 NotificationListener的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => ...原创 2019-06-30 14:54:08 · 3606 阅读 · 0 评论 -
【自学Flutter】22 CustomScrollView的使用
22 CustomScrollView的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppStat...原创 2019-06-29 22:34:33 · 2100 阅读 · 0 评论 -
【自学Flutter】21.3 GridView.builder 的使用
21.3 GridView.builder 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppS...原创 2019-06-29 21:49:40 · 9225 阅读 · 0 评论 -
【自学Flutter】21.2 GridView.count 的使用
21.2 GridView.count 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppSta...原创 2019-06-29 21:16:25 · 2420 阅读 · 0 评论 -
【自学Flutter】21.1 GridView 的使用
21 GridView 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}...原创 2019-06-29 21:12:33 · 159 阅读 · 0 评论 -
【自学Flutter】20.4 ListView 的无限加载列表和列表表头的使用
20.4 ListView 的无限加载列表和列表表头的使用1.源代码import 'package:flutter/material.dart';import 'package:english_words/english_words.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget ...原创 2019-06-29 18:50:57 · 1637 阅读 · 0 评论 -
【自学Flutter】20.3 ListView.separated 的使用
20.3 ListView.separated 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAp...原创 2019-06-29 16:31:38 · 7980 阅读 · 2 评论 -
【自学Flutter】20.2 ListView.builder 的使用
20.2 ListView.builder 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppS...原创 2019-06-29 16:20:52 · 9241 阅读 · 0 评论 -
【自学Flutter】20.1 ListView的使用
20.1 ListView的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}...原创 2019-06-29 16:06:48 · 185 阅读 · 0 评论 -
【自学Flutter】19 SingleChildScrollView的使用
19 SingleChildScrollView的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAp...原创 2019-06-29 15:46:02 · 3485 阅读 · 0 评论 -
【自学Flutter】18 TabBar、TabBarView、BottomAppBar 导航栏和浮动按钮的使用
18 TabBar、TabBarView、BottomAppBar 导航栏和浮动按钮的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createS...原创 2019-06-28 23:22:51 · 1667 阅读 · 0 评论 -
【自学Flutter】17 导航栏AppBar 、抽屉菜单Drawer、圆形图标ClipOval 的使用
17 导航栏AppBar 、抽屉菜单Drawer、圆形图标ClipOval 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createStat...原创 2019-06-28 22:10:17 · 1455 阅读 · 1 评论 -
【自学Flutter】16 Container容器的使用
16 Container容器的使用Container是DecoratedBox、ConstrainedBox、Transform、Padding、Align等widget的一个组合widget。1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp ext...原创 2019-06-28 20:29:33 · 156 阅读 · 0 评论 -
【自学Flutter】15 Transform 变换和 RotatedBox 的使用
15 Transform 变换和 RotatedBox 的使用1.源代码import 'package:flutter/material.dart';import 'dart:math' as math;void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAp...原创 2019-06-28 20:03:15 · 1557 阅读 · 0 评论 -
【自学Flutter】14.3 去除ConstrainedBox的多重限制
14.3 去除ConstrainedBox的多重限制1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyApp...原创 2019-06-28 17:40:02 · 193 阅读 · 0 评论 -
【自学Flutter】14.2 ConstrainedBox的多重限制
14.2 ConstrainedBox的多重限制1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppSt...原创 2019-06-28 16:41:04 · 216 阅读 · 0 评论 -
【自学Flutter】14.1 ConstrainedBox 和 SizeBox 的使用
14 ConstrainedBox 和 SizeBox 的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _...原创 2019-06-28 16:12:48 · 2011 阅读 · 0 评论 -
【自学Flutter】13 装饰容器DecoratedBox的使用
13 装饰容器DecoratedBox的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppStat...原创 2019-06-28 15:39:37 · 241 阅读 · 0 评论 -
【自学Flutter】12 使用Padding给子Widget填充距离
12 使用Padding给子Widget填充距离1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppSt...原创 2019-06-28 15:18:08 · 507 阅读 · 0 评论 -
【自学Flutter】11 Stack布局和Positioned的使用
11 Stack布局和Positioned的使用1.源代码import 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppSt...原创 2019-06-27 15:42:38 · 233 阅读 · 0 评论