Flutter
关注
分享
扫一扫
蓝枫amy
Android开发工程师、HarmonyOS开发工程师
展开
-
Flutter 网络请求
Flutter中第三方网络请求库httphttps://github.com/zeke123/httppubspec.yamldependencies: http: ^0.12.0+2import 'package:http/http.dart' as http;Flutter中Map与json字符串相互转换 Map mapType = {"username...原创 2020-02-12 14:17:24 · 299 阅读 · 0 评论 -
Flutter 自定义Dialog
main.dartimport 'package:flutter/material.dart';import './components/MyDialog.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildCon...原创 2020-02-12 08:53:30 · 658 阅读 · 0 评论 -
Flutter中 AlertDialog、SimpleDialog、showModalBottomSheet及第三方组件fluttertoast的使用
main.dartimport 'package:flutter/material.dart';import 'package:fluttertoast/fluttertoast.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget bu...原创 2020-02-11 15:36:16 · 489 阅读 · 0 评论 -
Flutter中第三方轮播组件 flutter_swiper的使用
1.在pubspec.yaml中添加依赖dependencies: flutter_swiper : ^1.1.6点击connand+s 自动下载2.导入第三方组件import 'package:flutter_swiper/flutter_swiper.dart';3.具体使用main.dartimport 'package:flutter/ma...原创 2020-02-11 11:55:20 · 1984 阅读 · 0 评论 -
Flutter 第三方日期组件
main.dartimport 'package:flutter/material.dart';import 'package:date_format/date_format.dart';import 'package:flutter_cupertino_date_picker/flutter_cupertino_date_picker.dart'; //第三方时间组件库void...原创 2020-02-11 10:16:09 · 563 阅读 · 0 评论 -
Flutter 自带日期组件
main.dartimport 'package:flutter/material.dart';import 'package:flutter_localizations/flutter_localizations.dart';import 'package:date_format/date_format.dart';void main() { runApp(MyApp());...原创 2020-02-11 10:09:34 · 797 阅读 · 0 评论 -
TextField、Radio、RaisedButton组件练习Demo
main.dart//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(TextFieldPage());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变...原创 2020-02-09 10:01:12 · 247 阅读 · 0 评论 -
Flutter中 Radio、RadioListTile、Switch组件的使用
main.dart//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(TextFieldPage());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变...原创 2020-02-08 17:37:05 · 1123 阅读 · 0 评论 -
Flutter 中的TextField、Checkbox、CheckboxListTile
TextField文本框组件main.dart//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(TextFieldPage());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWid...原创 2020-02-08 15:08:03 · 595 阅读 · 0 评论 -
Flutter中 FloatingActionButton使用
//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中一切都是组件//...原创 2020-02-08 12:04:57 · 3592 阅读 · 0 评论 -
Flutter中的按钮组件
Flutter中常见的按钮组件RaiseButton：凸起的按钮，Material Design风格的按钮FlatButton：扁平化按钮OutlineButton:线框按钮IconButton：图标按钮ButtonBar：按钮组FloatingActionButton：浮动按钮main.dart//导入了Material UI组件库 ,快捷操作fimim...原创 2020-02-08 11:37:29 · 631 阅读 · 0 评论 -
Flutter 中Drawer 侧边栏、侧边栏内容布局
DrawerHeader实现侧边栏头布局main.dart//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidg...原创 2020-02-07 16:28:17 · 1179 阅读 · 0 评论 -
Flutter 中TabController实现底部tab切换
import 'package:flutter/material.dart';class TabControllerPage extends StatefulWidget { TabControllerPage({Key key}) : super(key: key); _TabControllerPageState createState() => _TabControlle...原创 2020-02-07 15:20:09 · 2611 阅读 · 0 评论 -
Flutter中AppBar自定义顶部导航按钮图标、颜色及TabBar定义顶部Tab切换
AppBarDemo.dartimport 'package:flutter/material.dart';class AppBarPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( ...原创 2020-02-07 11:48:21 · 9786 阅读 · 0 评论 -
Flutter中路由替换、返回到根路由
Flutter中替换路由 pushReplacementNamed Navigator.of(context).pushReplacementNamed('/registsecond');Flutter普通跳转，返回根目录Navigator.of(context).pushAndRemoveUntil( new MaterialPa...原创 2020-02-07 11:01:33 · 1566 阅读 · 0 评论 -
Flutter 中命名路由、命名路由传值
main.dart//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';import 'routes/Routes.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//Statef...原创 2020-02-07 08:36:59 · 1001 阅读 · 0 评论 -
Flutter 中的普通路由、普通路由传值
Flutter中通过Navigator组件管理路由导航，并提供了管理堆栈方法Navigator.pushNavigator.popmain.dart//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';import 'pages/Tabs.dart';void main() { r...原创 2020-02-06 15:09:43 · 461 阅读 · 0 评论 -
Flutter bottomNavigationBar 自定义底部导航栏、实现页面切换
main.dart//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';import 'pages/Tabs.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//Stateful...原创 2020-02-06 14:44:51 · 1859 阅读 · 0 评论 -
Flutter StatefulWidget 有状态组件、页面上绑定数据、改变页面数据
//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中一切都是组件//...原创 2020-02-06 11:58:08 · 930 阅读 · 0 评论 -
Flutter 页面布局 Wrap组件
Wrap组件实现流布局//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fl...原创 2020-02-05 17:18:00 · 619 阅读 · 0 评论 -
Flutter中AspectRatio组件、Card卡片组件
AspectRatio组件AspectRatio组件可以设置子元素child的宽高比//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//...原创 2020-02-05 15:41:44 · 389 阅读 · 0 评论 -
Flutter页面布局Stack 层叠组件及与Align、Positioned实现定位布局
Stack组件//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中...原创 2020-02-05 14:58:20 · 1380 阅读 · 0 评论 -
Flutter 页面布局 Padding 、Row、Column、Expanded组件
Padding组件//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter...原创 2020-02-05 09:23:04 · 996 阅读 · 0 评论 -
Flutter GridView组件以及动态GridView
//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中一切都是组件//...原创 2020-02-04 14:32:54 · 1276 阅读 · 0 评论 -
Flutter ListView列表组件、动态列表
//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中一切都是组件//使...原创 2020-02-04 11:18:21 · 777 阅读 · 0 评论 -
Flutter列表组件ListView
基本使用//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main() { runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中一切都...原创 2020-02-04 09:47:03 · 693 阅读 · 0 评论 -
Flutter 图片组件
image.asset 本地图片image.network 远程图片Flutter 加载远程图片//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main(){ runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的w...原创 2020-02-03 10:55:46 · 466 阅读 · 0 评论 -
Mac上搭建Dart开发环境
1.安装Dart开发环境brew tap dart-lang/dartbrew install dart2.查看Dart版本dart --version3.VS Code 中安装Dart插件和Code Runner插件原创 2019-08-07 23:14:17 · 1003 阅读 · 0 评论 -
Dart入口方法介绍、Dart注释、Dart常量变量
//Dart 入口函数// main() {// print("你好dart");// }//void 代表没有返回值/// 这也是个注释/** * 这也是个注释，和java注释类似 */// void main() {// print("你好 Dart");// }//Dart 变量/** * dart 是一个强大的脚本类语言，可以不预先定义变量类型 ...原创 2019-08-10 09:57:31 · 457 阅读 · 0 评论 -
Dart数据类型详解 int double String bool List Map
//可以用is 来判断类型 void main() { //字符串类型,可以用单引号，也可以用双引号,也可以用三个单引号或者三个双引号 // var str = '你好Dart'; // var s = "你好Dart"; // var str1 = ''' // helle dart // hello world'''; //换行会直接报错 //...原创 2019-08-10 11:42:07 · 542 阅读 · 0 评论 -
Dart 运算符
//1.Dart 运算符//算术运算符 + - * / ~/(取整) %//关系运算符 == != > < >= <=//逻辑运算符 ！ && ||//赋值运算符 = ??= += -= *= /= %= ~/=Durationvoi...原创 2019-08-11 09:34:11 · 3549 阅读 · 0 评论 -
Flutter目录结构、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main(){ runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中一切都是组件//使...原创 2019-08-11 13:20:59 · 535 阅读 · 0 评论 -
Flutter Container组件、Text组件详解
//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main(){ runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中一切都是组件//使用M...原创 2019-08-11 18:16:45 · 971 阅读 · 0 评论 -
Flutter 加载图片、网络圆形图片、圆角图片
//导入了Material UI组件库 ,快捷操作fimimport 'package:flutter/material.dart';void main(){ runApp(MyApp());}//自定义组件//StatelessWidget:无状态组件，状态不可变的widget//StatefulWidget:有状态组件，状态可以改变//fluter中一切都是组件//使用M...原创 2019-08-18 14:21:06 · 1765 阅读 · 0 评论 -
flutter报错：Waiting for another flutter command to release the startup lock..
在flutter开发过程中，运行flutter命令，flutter doctor 或者flutter run等命令，如果出现Waiting for another flutter command to release the startup lock.. 只要进入flutter sdk 目录，然后找到bin/cache/lockfile文件，删除后再运行flutter doctor。错误就会...原创 2019-08-31 11:17:42 · 9744 阅读 · 0 评论 -
在macOS上搭建Flutter开发环境
1.使用镜像在终端中输入：open -e .bash_profile，打开.bash_profile文件export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn2.获取Flutter SDK去flutter官网下...原创 2019-06-27 09:40:07 · 223 阅读 · 0 评论