用于展示Flutter图标组件。可定义颜色、尺寸、展示模式等信息，是一个非常简单的组件。

用于显示一个FlutterLogo

【size】 : 大小 【double】
【colors】: 颜色 【MaterialColor】
image.png

  1. import 'package:flutter/material.dart';
  2. class CustomFlutterLogo extends StatelessWidget {
  3.   @override
  4.   Widget build(BuildContext context) {
  6.     var data = {
  7.       Colors.blue:50.0,
  8.       Colors.red:60.0,
  9.       Colors.green:70.0,
  10.       Colors.yellow:80.0,
  11.     };
  12.     return Wrap(
  13.       children: data.keys
  14.           .map((e) => FlutterLogo(
  15.         size: data[e],
  16.         colors: e,
  17.       ))
  18.           .toList(),
  19.     );
  20.   }
  21. }

样式用于显示文字

【style】 : 样式-3种枚举 【FlutterLogoStyle】
【textColor】: 文字颜色 【Color】
image.png

import 'package:flutter/material.dart';
class FlutterLogoWithText extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var data = {
      FlutterLogoStyle.horizontal:Colors.blue,
      FlutterLogoStyle.markOnly:Colors.red,
      FlutterLogoStyle.stacked:Colors.green,
    };

    return Wrap(
      spacing: 20,
      children: data.keys.map((e) => FlutterLogo(
        size: 80,
        style: e,
        textColor: data[e],
      ))
          .toList(),
    );
  }
}