老孟导读:今天介绍下Flutter中的菜单功能. PopupMenuButton 使用PopupMenuButton,点击时弹出菜单,用法如下: PopupMenuButton<String>( itemBuilder: (context) { return <PopupMenuEntry<String>>[ PopupMenuItem<String>( value: '语文', child: Text('语文'), ), PopupMenuItem<

上一篇文章说到  Flutter - 自动生成Android & iOS图标 通过flutter_launcher_icons 可以一键生成所有的Icon 到此基本什么问题也没有,如果你用ios设备和安卓8.0以下的设备. 但是在安卓8开始,app图标开始变成圆形的图标了. 如果不进行图标适配的话,那么显示的图标将异常吃藕(丑),比如淘婊和X东.这么大一个公司,连一个图标适配都不做??? 那么怎么用一套图标,既可以兼容安卓8之前的版本矩形/圆角矩形图标,也可以兼容8之后的圆形图标版本呢? 答案还

对于要发布的app来说,做图标是一个麻烦的事,你需要知道N个图标的分辨率,然后用PhotoShop一个个修改导出. PS好图标之后,按照各自的位置放进去. *********************************************************************************** 有没有简单一点的办法呢? 答案是YES! 如果有个PS脚本的话,可以节省一些时间. PS好图标之后,你还需要按照各自的位置放进去. **********************

如需转载,请注明出处:Flutter学习笔记(10)--容器组件.图片组件 文本组件 文本组件(text)负责显示文本和定义显示样式,下表为text常见属性 Text组件属性及描述 属性名 类型 默认值 说明 data String   要显示的文本 maxLines int 0 文本要显示的最大行数 style TextStyle null 文本样式,可定义文本的字体大小.颜色.粗细等 textAlign TextAlign TextAlign.center 文本水平方向的对齐方式,取值有ce

Flutter AppBar 自定义顶部按钮图 标.颜色 属性 描述 leading 在标题前面显示的一个控件,在首页通常显示应用 的 logo;在其他界面通常显示为返回按钮 title 标题,通常显示为当前界面的标题文字,可以放组 件 actions 通常使用 IconButton 来表示,可以放按钮组 bottom 通常放 tabBar,标题下面显示一个 Tab 导航栏 backgroundColor 导航背景颜色 iconTheme 图标样式 textTheme 文字样式 centerTi

在fluttter中引入第三方图标库的具体方法: 1.在阿里图标库选好需要用的图标,添加进购物车将选好的图标打包下载到本地(下载代码),复制iconfont.ttf文件到项目中 2.存放途径:lib/assets/icons/iconfont.ttf 3.打开项目根目录中的pubspec.yaml文件,在flutter中增加配置[默认里面有配置案例注释修改一下就可以了],MyIcons为自定义名称 flutter: fonts: - family: MyIcons fonts: - asset:

一,概述 图标组件(Icon)为展示图标的组件,该组件不可交互,要实现可交互的图标,可以考虑使用IconButton组件. 图标组件相关的几个组件: IconButton:可交互的Icon: Icons:框架自带Icon集合: IconTheme:Icon主题: ImageIcon:通过AssetImages或者其他图片显示Icon. 二,继承关系 Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWi

方法1:GlobalKey import "package:flutter/material.dart"; class Test extends StatefulWidget { @override _TestState createState() => new _TestState(); } class _TestState extends State<Test> { final GlobalKey<ScaffoldState> _scaffoldKey

应用名称是需要在 Android 和 iOS 中分别调整的:Android 是在 AndroidManifest.xml 中修改:iOS 则是在 Info.plist 中修改的: 如果需要更改应用的 Logo,同样是在 Android 和 iOS 中分别调整的:Android 是添加图片在 mipmap 文件夹中,并在 AndroidManifest.xml 中修改:iOS 则是在 AppIcon.appiconset 文件夹中添加对应 Logo 图标,并在 Contents.json 中进行配

刚刚升级遇到的问题,希望能够帮助到遇到相同问题的人. 用xcode12连接iOS设备调试安装应用 拔掉数据线 从桌面图标点击进入App必闪退 后来发现是flutter的原因,目前有下面两种个解决方案: 使用flutter的release模式 flutter run --release 使用flutter的beta版本v1.22 参考文章: https://medium.com/flutter/supporting-ios-14-and-xcode-12-with-flutter-15fe0062

如需转载,请注明出处:Flutter学习笔记(20)--FloatingActionButton.PopupMenuButton.SimpleDialog.AlertDialog.SnackBar FloatingActionButton FloatingActionButton对应一个圆形图标按钮,悬停在内容之上,以展示对应程序中的主要动作,所以非常醒目,类似于iOS系统里的小白点按钮. FloatingActionButton组件属性及描述如下: child:child一般为icon,不推荐

一,概述 由于Flutter是跨平台的,所以有适用于Android和iOS的两种风格的组件.一套是Google极力推崇的Material,一套是iOS的Cupertino风格的组件.无论哪种风格,都是通用的. 二,Material与Cupertino风格比较 控件 Material Cupertino Button RaisedButton CupertinoButton DatePick showDatePicker CupertinoDatePicker 从多年与设计师打交道来看,App更青

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 Flutter内置了10多种Button(按钮)类控件供我们使用,了解这些控件有助于提高我们的开发速度. RaisedButton RaisedButton是一个material风格"凸起"的按钮,基本用法: RaisedButton( child: Text('Button'), onPressed: (){ }, ) 效果: onPresse

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 showDialog showDialog 用于弹出Material风格对话框,基本用法如下: showDialog( context: context, builder: (context) { return AlertDialog( ... ); } ); 效果如下: builder通常返回Dialog组件,比如SimpleDialog和AlertDi

博客搬迁至http://blog.wangjiegulu.com RSS订阅:http://blog.wangjiegulu.com/feed.xml 以下代码 Github 地址:https://github.com/wangjiegulu/flutter_test_01 编写你的第一个Flutter App 原文:https://flutter.io/get-started/codelab/ 这个你创建第一个Flutter app的指南.如果你熟悉面向对象的代码,基本的编程概念,比如变量,循

前言 上一篇我们对 Flutter UI 有了一个基本的了解. 这一篇我们通过自定义 Widget 来了解下如何写一个 Widget? 然而 Widget 有两个,StatelessWidget 和 StatefulWidget,我们要继承哪一个? 下面让我们跟着文章来探索一番. 目录 1. StatelessWidget 我们先来看下继承的 Widget 为 StatelessWidget 的情况. 第一步:新建一个文件 bold_text.dart 这里文件名后面后缀 .dart 可带可不带

字体图标生成 http://fluttericon.com/Flutter中文网 https://flutterchina.club Flutter官网 https://flutter.ioFlutter中文社区https://www.flutter123.netFlutter中文开发者论坛 http://flutter-dev.cn/Flutter|Dart语言中文社区 http://www.cndartlang.com/flutterDart开源包 https://pub.dartlang.

1. 定义local_srorage.dart文件 使用Flutter第三方插件shared_preferences实现存储键值对信息 相关shared_preferences插件可参考: flutter 本地存储 (shared_preferences) import 'dart:convert'; import 'package:shared_preferences/shared_preferences.dart'; class LocalStorage { static Future ge

### 主题 ``` // 1.main主文件 import 'package:flutter_smart_park/config/theme.dart' show AppTheme; Provide.value<ConfigModel>(context).$getTheme(); Provide<ConfigModel>( builder: (context, child, configModel) { return MaterialApp( title: '智慧xx区', de

作者: Mike Bluestein   | 原文地址:[https://www.smashingmagazine.com/2018/06/google-flutter-mobile-development/] [译者注:链接序号对应下面索引列表,另外可以点击阅读原文查看详细的链接文章] Flutter 是一款由 Google 开发的开源.跨平台移动端开发框架.它允许使用同一个代码库构建高性能.漂亮的 iOS 和 Android 应用,同时它也是 Google 即将推出的 Fuchsia 操作系