Flutter Widget之Icon

Widget:https://flutter.io/docs/development/ui/widgets
Icon:https://docs.flutter.io/flutter/widgets/Icon-class.html

import 'package:flutter/material.dart';

class IconDemoPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => new _IconDemoPagePageState();
}

class _IconDemoPagePageState extends State<IconDemoPage> {
  double _volume = 0.0;

  @override
  void initState() {
    super.initState();
  }

  Widget build(BuildContext context) {
    return Scaffold(
        appBar: new AppBar(
          title: new Text('Icon Demo'),
        ),
        body: SingleChildScrollView(
            child: Column(
              children: <Widget>[
                // IconButton
                IconButton(
                  icon: Icon(Icons.volume_up),
                  tooltip: 'Increase volume by 10%',
                  onPressed: () {
                    setState(() {
                      _volume *= 1.1;
                    });
                  },
                ),
                // IconTheme
                // ImageIcon
              ],
            )
        )
    );
  }
}

Flutter Widget Icon

版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/03/16/flutter-widget-icon/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
Flutter Widget之Icon
Widget:https://flutter.io/docs/development/ui/widgets Icon:https://docs.flutter.io/flutter/widgets/Icon-class.html import 'package:flutter/m……
<<上一篇
下一篇>>
文章目录
关闭
目 录