Flutter Icon 控件介绍

一、使用方法

构造方法

    Icon(this.icon, {Key key,this.size,this.color,this.semanticLabel,this.textDirection,})
复制代码

二、常用的属性

    Icon(Icons.access_alarm,//设置使用哪种图标size: 300,//设置图标大小color: Colors.yellow,//设置图标颜色textDirection:TextDirection.rtl ,//设置用于渲染图标的文本方向semanticLabel: "语义标签",//设置用于渲染图标的文本方向)
复制代码

三、一个完整的例子

import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget{@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Text Demo',theme: ThemeData(primarySwatch: Colors.green),home: MyHomePage(title: 'Text Demo'),);}
}class MyHomePage extends StatefulWidget {MyHomePage({Key key, this.title}) : super(key: key);final String title;@override_MyHomePageState createState() => _MyHomePageState();
}class _MyHomePageState extends State<MyHomePage>{@overrideWidget build(BuildContext context) {var _name = "flutter ";return Scaffold(appBar: AppBar(title: Text(widget.title),),body: Container(width: MediaQuery.of(context).size.width,height: MediaQuery.of(context).size.height,child: ListView(children: <Widget>[Icon(Icons.access_alarm,//设置使用哪种图标size: 300,//设置图标大小color: Colors.yellow,//设置图标颜色textDirection:TextDirection.rtl ,//设置用于渲染图标的文本方向semanticLabel: "语义标签",//设置用于渲染图标的文本方向),Icon(Icons.accessibility_new,size: 300,color: Colors.blue,textDirection:TextDirection.ltr ,),Icon(Icons.build,size: 300,color: Colors.green,textDirection:TextDirection.ltr ,)],),),);}
}复制代码

转载于:https://juejin.im/post/5c909c0af265da60f16316b2

Flutter 系列文章：Flutter Icon 控件介绍相关推荐

Flutter 系列文章：Flutter Text 控件介绍
flutter Text 控件介绍一.使用方法构造方法设置普通的text Text("") Text(this.data, {Key key,this.style,this. ...
flutter初体验之基础控件知识
在naive开发中,大家对view肯定很熟悉,它代表着所有控件的祖先.在flutter中,也存在这么一个所有控件的祖先---Widget.Widget类是一个抽象类,定义在系统的framework.d ...
Flutter Container、Center设置控件居中背景及其他属性
Flutter Container.Center设置控件居中背景及其他属性 //控件可以居中Container(alignment: Alignment.bottomCenter,//设置控件内容的位 ...
operamasks-ui2.0 +MVC4.0+EF5.0实战之一开篇及布局控件介绍
两年前,曾打算自己开发一个web开发框架,把部门.人员.权限.日志作为基本服务加入进去,在其基础上可以做业务快速开发,结果没有坚持下去,仅仅开了个头就夭折了.究其原因,一方面是采用自己完全不熟悉的新技 ...
ASP.NET Atlas简单控件介绍——Sys.Component基类与Sys.UI.Control基类
作者:Dflying Chen (http://dflying.cnblogs.com/) 本系列有三篇文章: ASP.NET Atlas简单控件介绍--Sys.Component基类与Sys.UI. ...
ASP.NET Atlas简单控件介绍——InputControl，TextBox，Button和CheckBox
作者:Dflying Chen (http://dflying.cnblogs.com/) 注:本系列文章比较基础,基本为Atlas官方文档的翻译,熟悉Atlas的朋友可以跳过. 本系列有三篇文章: ...
Qt常用控件介绍（一）
Qt常用控件介绍 Qt Creator 的使用技巧 Qt Creator的常用快捷键按钮 QPushButton QToolButton QRadioButton QCheckBox QComman ...
App控件定位：Android 控件介绍及元素定位方法
本文将分享Android相关基础知识和Android APP控件定位工具的使用方法. 目录 Android基础知识 Android布局 Android四大组件 1.activity 2.Service ...
【cocosStdio系列】之UI控件下
[cocosStdio系列]之UI控件下大家好,我是Lampard 今天与大家通过一个demo了解cocos给我们提供的各个UI控件 reference:<cocos2 ...

Flutter 系列文章：Flutter Icon 控件介绍

Flutter Icon 控件介绍

一、使用方法

二、常用的属性

三、一个完整的例子

Flutter 系列文章：Flutter Icon 控件介绍相关推荐

最新文章

热门文章