实现一个应用基本的布局结构. 举个栗子: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( them

Dio Dio是一个强大的Dart Http请求库,支持Restful API.FormData.拦截器.请求取消等操作.视频中将全面学习和使用Dio的操作. Flutter_swiper swiper滑动插件的使用,使用Swiper插件图片的切换效果. FLURO Flutter的路由机制很繁琐,如果是小型应用还勉强,但是真实开发我们都会使用企业级的路由机制,让路由清晰可用.视频中也会使用Fluro进行路由配置.Fluro也是目前最好的企业级Flutter路由. Flutter-go 详解常用

Flutter 常用命令: Flutter 常用命令 说明 flutter 列出所有的命令 flutter help 查看具体命令的帮助信息 flutter doctor 查看是否还需要安装其它依赖 flutter doctor -v 查看详细信息 flutter channel 查看 Flutter SDK 所有分支 flutter channel stable 切换分支 flutter upgrade 升级 Flutter SDK(此命令会同时更新 Flutter SDK 和你的 Flutt

Flutter 常用命令行 相关项目操作 查看Flutter版本 查看当前版本 flutter --version 查看所有版本 flutter version 打印所有命令行用法信息 flutter -h或者flutter --help 分析项目的Dart代码. flutter analyze Flutter构建命令. flutter build 列表或开关Flutter通道. flutter channel 删除构建/目录. flutter clean 配置Flutter设置. flutte

https://www.cnblogs.com/lxlx1798/p/11049922.html 梁飞宇 [Flutter学习]之VSCode下Flutter常用终端命令行 Flutter 常用命令行 创建项目 flutter create 项目名 相关项目操作 查看Flutter版本 查看当前版本 flutter --version 查看所有版本 flutter version 打印所有命令行用法信息 flutter -h或者flutter --help 分析项目的Dart代码. flutte

一个可滚动的列表组件 不管在哪,列表组件都尤为重要和常用. 首先来看个例子: import 'package:flutter/material.dart'; void main () => runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( title:'zengfp Flutter Demo', home:S

一个组件它往往包含了一些常见的painting, positioning和sizing这样的小部件. Container相当于我们常用的div,在Flutter中用的非常多,现在来看看Container容器中的一些属性. 1.alignment 这个属性是针对容器中的child的对其方式.我们先做一个效果:建立一个Container容器,然后让容器里面的文字内容居中对齐. 具体代码如下: import 'package:flutter/material.dart'; void main() =>

单一格式的文本. 文本组件是以字符串形式显示的单一格式,这个文本字符串可以是多行显示也可以是单独一行显示,主要取决于你的布局限制. 这样式内容是可选择的,如果你省略了,则会使用文本的默认样式来显示.如果给定的style的文本继承属性是true,即默认的,则这些给定的样式会与那些默认的文本样式合并.这种合并的属性非常有用,比如,让文字粗体显示,我们可以使用默认的字体和大小. child: new Text( 'Hello, How are you?', textAlign: TextAlign.c

显示图片的组件 以下是几种加载图片路径方式: Image.asset 加载asset项目资源中的文件 Image.network 加载网络资源图片,通过url加载 Image.file 加载本地文件中的图片 Image.memory 加载Uint8List中的图片 图片的支持格式有:JPEG, PNG, GIF, 动画GIF, WebP, 动画WebP, BMP, WBMP 使用Image.asset为例: 首先在你的项目目录下新建一个文件夹images 然后在pubspec.yaml文件中配置

地址:https://pub.flutter-io.cn/packages/common_utils#-readme-tab- Dart常用工具类库 common_utils 1.TimelineUtil : 时间轴.(新)2.TimerUtil : 倒计时,定时任务.(新)3.MoneyUtil : 精确转换,元转分,分转元,支持格式输出.(新)4.LogUtil : 简单封装打印日志.(新)5.DateUtil : 日期转换格式化输出.6.RegexUtil : 正则验证手机号,身份证,邮箱

Flutter中给我们预先定义好了一些按钮控件给我们用,常用的按钮如下 RaisedButton :凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton FlatButton :扁平化的按钮,继承自MaterialButton OutlineButton :带边框的按钮,继承自MaterialButton IconButton :图标按钮,继承自StatelessWidget 我们先来看看MaterialButton中的属性

Flutter控件本身通常由许多小型.单用途的控件组成,结合起来产生强大的效果,例如,Container是一种常用的控件,由负责布局.绘画.定位和大小调整的几个控件组成,具体来说,Container是由LimitedBox.ConstrainedBox. Align.Padding.DecoratedBox和Transform控件组成,而不是将Container子类化来产生自定义效果,您可以用这种新颖的方式组合这些以及其他简单的控件. 类的层次结构是扁平的,以最大化可能的组合数量. 在写应用程序

Draggable Widget Draggable控件负责就是拖拽,父层使用了Draggable,它的子元素就是可以拖动的,子元素可以实容器,可以是图片.用起来非常的灵活. 参数说明: data: 是要传递的参数,在DragTarget里,会接受到这个参数.当然要在拖拽控件推拽到DragTarget的时候. child:在这里放置你要推拽的元素,可以是容器,也可以是图片和文字. feedback: 常用于设置推拽元素时的样子,在案例中当推拽的时候,我们把它的颜色透明度变成了50%.当然你还可以

0.  flutter create example_demo  新建flutter项目 1.flutter packages get  安装新增的包 2.flutter run 运行flutter项目: r 刷新xian jian x页面  R刷新重构程序  h帮助 d和q退出  o 是ios和andriod的切换 3.flutter doctor 检测必要依赖是否安装成功 4.flutter运行.当有多个模拟器的时候,指定只运行于一个模拟器的方法: More than one device

搜索plugins flutter plugins搜索地址 谷歌官方plugins https://pub.dev/packages?q=http 到这个链接里面去搜索 https://github.com/flutter/plugins 官方的plugins列表 cupertino_icons Default icons asset used by Flutter's Cupertino widgets http http请求 flutter_webview_plugin webView加载

flutter中可以通过RepaintBoundary widget中的toImage方法将页面中的widget转为base64. 如何使用? 首先要在全局定义一个global key,分配给RepaintBoundary.然后将要转化为图片的widget用RepaintBoundary包裹. 关键代码: RenderRepaintBoundary boundary = _globalKey.currentContext.findRenderObject(); // 获取页面渲染对象 获取到页面

1.custom class widget main.dart 1 import 'package:flutter/material.dart'; 2 import './pages/custom.dart'; 3 4 void main() { 5 runApp(new Application()); 6 } 7 class Application extends StatelessWidget { 8 @override 9 Widget build(BuildContext context

  widget=”statusbar” 头部状态条标签widget=”email” 电子邮件地址标签widget=”selection” 下拉选择标签widget=”mail_followers” 关注者标签widget=”mail_thread” 消息标签widget=”progressbar” 进度条,按百分比标签widget=”one2many_list” 一对多列表标签widget=”many2many_tags” 多对多显示标签widget=”url” 网站链接标签widget=’i

audio_recorder: any #录音.播放 flutter_sound: ^1.1.5#录音 dropdown_menu: ^1.1.0#下拉菜单 simple_permissions:#权限获取 easy_alert:#弹框 amap_location: any #高德地图 location: any #gogle位置获取 barcode_scan 0.0.8#二维码识别qr_mobile_vision: ^0.1.0 #二维码识别 这个不好用 flutter_screenutil:

widget="statusbar" 头部状态条标签 widget="email" 电子邮件地址标签 widget="selection" 下拉选择标签 widget="mail_followers" 关注者标签 widget="mail_thread" 消息标签 widget="progressbar" 进度条,按百分比标签 widget="one2many_list&quo