【Flutter】基础组件【05】Icon
1. 写在前面
在上篇文章中介绍了Flutter
中的Row/Column
组件,今天继续学习【Flutter】基础组件中的Icon
组件。
- 【基础语法合集】
【Flutter】Dart中的var、final 和 const基本使用
【Flutter】Dart数据类型之num
【Flutter】Dart数据类型之String
【Flutter】Dart的数据类型list&Map(数组和字典)
【Flutter】Dart的方法与箭头函数
【Flutter】Dart的方法中的可选参数、方法作为参数传递
【Flutter】Dart中的匿名函数、闭包
【Flutter】Dart中的类和对象
【Flutter】Dart中的构造函数
【Flutter】Dart的工厂构造方法&单例对象&初始化列表
【Flutter】Dart的类方法和对象操作符
【Flutter】Dart中的继承
【Flutter】Dart中的抽象类和接口
【Flutter】Dart中的Mixins混入你知道是什么吗?
- [基础组件合集]
【Flutter】基础组件【01】Text
【Flutter】基础组件【02】Container
【Flutter】基础组件【03】Scaffold
【Flutter】基础组件【04】Row/Column
2. Icon
A Material Design icon
使用 IconData 中描述的字体的字形绘制的图形图标小部件,例如 Icons 中材料的预定义 IconData。
- 来看看一个官方的代码举例
void main() {runApp(MaterialApp(home: Container(color: Colors.white,child:Row(children:const <Widget>[Icon(Icons.favorite,color: Colors.pink,size: 24.0,semanticLabel: 'Text to announce in accessibility modes',),Icon(Icons.audiotrack,color: Colors.green,size: 30.0,),Icon(Icons.beach_access,color: Colors.blue,size: 36.0,),],)),),);
}
- 运行效果
2.1 Icon种类
- IconButton,用于交互式图标。
- Icons,用于此类的可用图标列表(这个是不可以交互的图标)。
- IconTheme,为图标提供环境配置。
- ImageIcon,用于显示来自 AssetImages 或其他 ImageProvider 的图标。
2.2 基本属性
color
类型:Color
- 说明:图标颜色
icon
类型:IconData
- 说明:显示的图标
semanticLabel
类型:String
- 说明:语义标签,此标签不会显示在UI中
size
类型:double
- 说明:图标尺寸
textDirection
类型:TextDirection
- 说明:用户呈现图标的文本方向
2.3 Icon举例
下面
【Flutter】基础组件【05】Icon相关推荐
- 一份超级详细的Flutter基础组件练习示例,请查收!
学习B站技术胖的flutter基础课程整理的示例,为了平时方便查阅,同时希望能和大家一同进步~ Flutter基础组件 Hello world import 'package:flutter/mate ...
- Flutter 基础组件之 Text
终于安装好了 Flutter 的环境,既然入了坑,就一点一点学吧,Flutter 可以说一切皆组件吧,所以要熟练掌握各个基础组件的 API,然后才能在面对复杂需求的时候才能得心应手的将各个组件组合起来 ...
- 【Flutter -- 基础组件】Flutter 导航栏
文章目录 1. TabBar 1.1 代码 1.2 效果图 2. BottomNavigationBar 2.1 构建底部标签 2.2 创建导航栏 2.3 效果图 1. TabBar Flutter ...
- Flutter 基础组件之 Container
官方简介中,说 Container 组件是一个方便绘制.定位和调整子组件大小的组件. 首先 Container 会在 child 子组件周围填充 padding(包括 decoration 中存在的 ...
- Flutter 基础目录结构介绍、入口自定义widget、等相关组件使用
提示:此文章为前端学习flutter过程,如有歧义期望各位大大的宝贵意见 学习Dart 基础知识 移步这里 安装flutter环境相关 移步这里 flutter基础组件使用相关 移步这里 文章目录 一 ...
- Flutter(四)——基础组件
本文目录 前言 基础组件 Text 常用属性使用 Icon Image Button FlutterLogo 前言 你如果做过Android开发,那一定熟悉里面各种官方提供的布局,比如LinearLa ...
- 微服务架构案例(05):SpringCloud 基础组件应用设计
本文源码:GitHub·点这里 || GitEE·点这里 更新进度(共6节): 01:项目技术选型简介,架构图解说明 02:业务架构设计,系统分层管理 03:数据库选型,业务数据设计规划 04:中间件 ...
- Flutter基础布局组件及实现
https://www.cnblogs.com/lxlx1798/p/11084904.html 一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Paddi ...
- 一个优秀的可定制化Flutter相册组件,看这一篇就够了
背景 在做图片.视频相关功能的时候,相册是一个绕不开的话题,因为大家基本都有从相册获取图片或者视频的需求.最直接的方式是调用系统相册接口,基本功能是满足的,一些高级功能就不行了,例如自定义UI.多选图 ...
- Flutter基础(四)开发Flutter应用前需要掌握的Basic Widget
本文首发于公众号「刘望舒」 关联系列 ReactNative入门系列 React Native组件 Flutter基础系列 前言 学完了Dart语言,接下来就可以学习Widget了,Flutter的U ...
最新文章
- Application summary please elaborate on how you plan to use our API
- C和指针---第六章:指针
- Qt 项目视图的便捷类
- matlab计算hessian矩阵
- codeforces 962E Byteland, Berland and Disputed Cities 最小生成树变形
- 实践分享丨物联网操作系统中的任务管理
- android 月牙动画,一加6月牙白版:可能是目前最漂亮的白色安卓旗舰
- 12.大数据架构详解:从数据获取到深度学习 --- 大数据技术开发文化
- java多脚本顺序运行_关于eclipse里运行selenium脚本的顺序问题
- 手动方式安装 eclipse 的svn插件 Subversive和 Subversive SVN Connectors
- 基于arduino制作激光电子竖琴
- 如何设计报表?手把手教你5步轻松制作报表
- css案例1——一级菜单、二级菜单、三级菜单、四级菜单
- 在外企必会的英文单词
- JAVA//JAVA基本程序设计架构
- 4D毫米波雷达硬件系统架构
- 如何判断是不是个maven项目
- matlab magnify程序,magnifymatlab源程序
- python求矩阵的谱半径
- 弹出u盘后不用查吧重新连接的方法
热门文章