flutter_logo.dart 2.94 KB
Newer Older
1 2 3 4 5 6
// Copyright 2016 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/widgets.dart';

7
import 'colors.dart';
8 9 10 11 12 13 14 15 16 17 18

/// The Flutter logo, in widget form. This widget respects the [IconTheme].
///
/// See also:
///
///  * [IconTheme], which provides ambient configuration for icons.
///  * [Icon], for showing icons the Material design icon library.
///  * [ImageIcon], for showing icons from [AssetImage]s or other [ImageProvider]s.
class FlutterLogo extends StatelessWidget {
  /// Creates a widget that paints the Flutter logo.
  ///
19
  /// The [size] defaults to the value given by the current [IconTheme].
20 21 22
  const FlutterLogo({
    Key key,
    this.size,
23
    this.colors,
24
    this.textColor: const Color(0xFF616161),
25 26
    this.style: FlutterLogoStyle.markOnly,
    this.duration: const Duration(milliseconds: 750),
27
    this.curve: Curves.fastOutSlowIn,
28 29 30 31 32 33 34 35 36 37 38
  }) : super(key: key);

  /// The size of the logo in logical pixels.
  ///
  /// The logo will be fit into a square this size.
  ///
  /// Defaults to the current [IconTheme] size, if any. If there is no
  /// [IconTheme], or it does not specify an explicit size, then it defaults to
  /// 24.0.
  final double size;

39
  /// The color swatch to use to paint the logo, [Colors.blue] by default.
40
  ///
41 42 43
  /// If for some reason the default colors are impractical, then one
  /// of [Colors.amber], [Colors.red], or [Colors.indigo] swatches can be used.
  /// These are Flutter's secondary colors.
44 45 46 47
  ///
  /// In extreme cases where none of those four color schemes will work,
  /// [Colors.pink], [Colors.purple], or [Colors.cyan] swatches can be used.
  /// These are Flutter's tertiary colors.
48
  final MaterialColor colors;
49

50 51 52 53 54 55
  /// The color used to paint the "Flutter" text on the logo, if [style] is
  /// [FlutterLogoStyle.horizontal] or [FlutterLogoStyle.stacked]. The
  /// appropriate color is `const Color(0xFF616161)` (a medium gray), against a
  /// white background.
  final Color textColor;

56 57 58 59
  /// Whether and where to draw the "Flutter" text. By default, only the logo
  /// itself is drawn.
  final FlutterLogoStyle style;

60
  /// The length of time for the animation if the [style], [colors], or
61
  /// [textColor] properties are changed.
62 63
  final Duration duration;

64
  /// The curve for the logo animation if the [style], [colors], or [textColor]
65 66 67
  /// change.
  final Curve curve;

68 69
  @override
  Widget build(BuildContext context) {
70
    final IconThemeData iconTheme = IconTheme.of(context);
71
    final double iconSize = size ?? iconTheme.size;
72
    final MaterialColor logoColors = colors ?? Colors.blue;
73 74 75 76
    return new AnimatedContainer(
      width: iconSize,
      height: iconSize,
      duration: duration,
77
      curve: curve,
78
      decoration: new FlutterLogoDecoration(
79 80
        lightColor: logoColors.shade400,
        darkColor: logoColors.shade900,
81
        style: style,
82
        textColor: textColor,
83 84 85 86
      ),
    );
  }
}