flutter图标按钮_Flutter入门（23）：Flutter 组件之 IconButton 详解

1. 基本介绍

FlatButton 是一个 google 风格的扁平化按钮，使用方法与 Flutter 组件之 RaisedButton 详解 一致，这里就按照 RaisedButton 的讲解方式过一遍样式。

2. 示例代码

代码下载地址。如果对你有帮助的话记得给个关注，代码会根据我的 Flutter 专题不断更新。

3. FlatButton 使用

3.1 创建容器

优雅的编程，首先创建一个 iconbutton.dart 文件。

import 'package:flutter/material.dart';

class FMIconButtonVC extends StatefulWidget{

@override

FMIconButtonState createState() => FMIconButtonState();

}

class FMIconButtonState extends State {

@override

Widget build(BuildContext context) {

// TODO: implement build

return Scaffold(

appBar: AppBar(

title: Text("IconButton"),

),

body: _listView(),

);

}

ListView _listView(){

return ListView(

children: [

_normalIconButto