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 控件介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。