随笔分类 -  Flutter

Flutter SDK安装(windows)
摘要:Flutter集成了Dart,因此不需要单独安装dart-sdk。Flutter的SDK可以从官网下载:https://flutter.io/sdk-archive/#windows 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutte 阅读全文
posted @ 2019-11-19 23:43 诉说静风 阅读(9224) 评论(0) 推荐(0)
Flutter-dialog彈出框
摘要:flutter dialog 的三种弹出方式 AlertDialog SimpleDialog CupertionDialogAction 1 AlertDialog void showAlertDialog() { showDialog<Null>( context: context, barri 阅读全文
posted @ 2019-11-18 13:42 诉说静风 阅读(1512) 评论(0) 推荐(0)
Flutter-使用Dialog時出現No MaterialLocalizations found
摘要:在显示SimpleDialog时候程序报错 No MaterialLocalizations found 没有找到 MaterialLocalizations 搜索找到原因 runApp 需要先调用 StatelessWidget 返回一个 MaterialApp实例. 也就是说runApp 直接接 阅读全文
posted @ 2019-11-18 13:33 诉说静风 阅读(917) 评论(0) 推荐(0)
Flutter-ListTile
摘要:ListTile 通常用于在 Flutter 中填充 ListView。在这篇文章中,我将用可视化的例子来说明所有的参数。 title title 参数可以接受任何小部件,但通常是文本小部件 ListTile( title: Text('Horse'), ) title.png subtitle 副 阅读全文
posted @ 2019-11-18 11:17 诉说静风 阅读(961) 评论(0) 推荐(0)
Flutter-網絡請求
摘要:Flutter 请求网络的三种方式 flutter 请求网络的方式有三种,分别是 Dart 原生的网络请求 HttpClient、第三方网络请求 http以及 Flutter 中的 Dio。我们可以比较一下这三种网络请求方式,然后封装为我们方便请求网络的工具类。 Dart 原生的网络请求 HttpC 阅读全文
posted @ 2019-11-15 17:46 诉说静风 阅读(1209) 评论(0) 推荐(0)
MacOS系統Flutter打包apk
摘要:一、打包前需要做一些基本设置的确认 1.应用名 2.权限设置 3.applicationId:应用唯一标识符 4.versionCode:版本号 5.versionName:版本名称 6.APP应用图标 7.APP启动页 以上对应的设置可以参考Flutter官网 二、APP签名(以下操作均针对mac 阅读全文
posted @ 2019-11-13 15:55 诉说静风 阅读(761) 评论(0) 推荐(0)
Flutter-stack層疊樣式
摘要:alignment調整佈局 var stack = new Stack( alignment: Alignment.center,//元素居中 //alignment: Alignment (1,1),//xy座標,可使用小數點 children: <Widget>[ //按順序疊放 Contain 阅读全文
posted @ 2019-11-07 15:32 诉说静风 阅读(179) 评论(0) 推荐(0)
Flutter-SearchDelegate搜索框
摘要:搜索欄 import 'package:flutter/material.dart'; typedef SearchItemCall = void Function(String item); class SearchBarDelegate extends SearchDelegate<String 阅读全文
posted @ 2019-11-06 16:54 诉说静风 阅读(3622) 评论(1) 推荐(0)
Flutter-TextField初始化值和選中取值
摘要:import 'package:flutter/material.dart'; class PersonalCenterInformationScreen extends StatefulWidget { @override _PersonalCenterInformationScreenState 阅读全文
posted @ 2019-11-06 15:45 诉说静风 阅读(4877) 评论(0) 推荐(0)
Flutter-Boxdecoration邊框線, 圓角
摘要:decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), border: Border( top: BorderSide( color: Colors.black, width: 1, style: BorderStyle. 阅读全文
posted @ 2019-11-04 15:16 诉说静风 阅读(784) 评论(0) 推荐(0)
Flutter-charts_flutter圖表
摘要:pub.dev搜索charts_flutter 導入依賴 charts_flutter: ^0.8.1 項目導入 import 'package:charts_flutter/flutter.dart' as charts; 例子 import 'package:flutter/material.d 阅读全文
posted @ 2019-11-04 12:25 诉说静风 阅读(3269) 评论(0) 推荐(0)
Flutter-showBottomSheet底部彈出框
摘要:onPressed: () { showModalBottomSheet( context: context, builder: (BuildContext context) { return new Container( height: 300.0, child: Text('123'), ); }, ).then((val) { print(val); }); }, 阅读全文
posted @ 2019-11-01 16:43 诉说静风 阅读(2138) 评论(0) 推荐(0)
Flutter-RaisedButton
摘要:RaisedButton({ Key key, //点击按钮的回调出发事件 @required VoidCallback onPressed, //水波纹高亮变化回调 ValueChanged<bool> onHighlightChanged, //按钮的样式(文字颜色、按钮的最小大小,内边距以及shape)[ Used with [ButtonTheme] and [ButtonThemeDat 阅读全文
posted @ 2019-11-01 16:20 诉说静风 阅读(540) 评论(0) 推荐(0)
Flutter-icon
摘要:常用屬性 阅读全文
posted @ 2019-11-01 16:12 诉说静风 阅读(237) 评论(0) 推荐(0)
Flutter-Text
摘要:text的主要属性有:textAlign,maxLines,overflow等。 阅读全文
posted @ 2019-11-01 16:07 诉说静风 阅读(154) 评论(0) 推荐(0)
Flutter-ListView
摘要:return Container( child: ListView( children: [ Column( children: [ Container( child: Text('午餐'), ), Conta... 阅读全文
posted @ 2019-11-01 14:33 诉说静风 阅读(180) 评论(0) 推荐(0)
Flutter-tabbar切換
摘要:頂部tabbar切換 import 'package:flutter/material.dart'; import 'index_attendance_record.dart'; import 'index_diet.dart'; class IndexScreen extends Stateles 阅读全文
posted @ 2019-11-01 12:07 诉说静风 阅读(645) 评论(0) 推荐(0)
Flutter-AppBar
摘要:1.1 简介 AppBar “应用栏” 应用栏由工具栏组成,或者是工具栏和其他 widget 组合形成,例如 TabBar和FlexibleSpaceBar; 应用栏通常用于 Scaffold.appBar 属性,该属性将应用栏放置在屏幕顶部的固定高度小部件中; 对于可滚动的应用栏,请参阅Slive 阅读全文
posted @ 2019-11-01 12:03 诉说静风 阅读(347) 评论(0) 推荐(0)
Flutter-底部導航欄切換
摘要:程序入口 導航widget 需要跳轉的widget 阅读全文
posted @ 2019-10-31 16:01 诉说静风 阅读(171) 评论(0) 推荐(0)
Flutter的flutter_calendar日曆的使用
摘要:效果: 添加依賴: 項目中導入 例子 阅读全文
posted @ 2019-10-31 14:08 诉说静风 阅读(4809) 评论(0) 推荐(0)


Live2D
快把你的小爪子拿开!