Flutter 的 FlutterLogo widget 可用來顯示 Flutter 的 Logo。
其建構子如下：
FlutterLogo({Key key, double size, MaterialColor colors, Color textColor: const Color(0xFF616161), FlutterLogoStyle style: FlutterLogoStyle.markOnly, Duration duration: const Duration(milliseconds: 750), Curve curve: Curves.fastOutSlowIn })
屬性如下：
| Name | Type | Description |
|---|---|---|
| colors | MaterialColor | The color swatch to use to paint the logo, Colors.blue by default. |
| curve | Curve | The curve for the logo animation if the style, colors, or textColor change. |
| duration | Duration | The length of time for the animation if the style, colors, or textColor properties are changed. |
| size | double | The size of the logo in logical pixels. |
| style | FlutterLogoStyle | Whether and where to draw the “Flutter” text. By default, only the logo itself is drawn. |
| textColor | Color | 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. |
| hashCode | int | The hash code for this object. |
| key | Key | Controls how one widget replaces another widget in the tree. |
| runtimeType | Type | A representation of the runtime type of the object. |
方法如下：
| Name | Return Type | Description |
|---|---|---|
| build(BuildContext context) | Widget | Describes the part of the user interface represented by this widget. |
| createElement() | StatelessElement | Creates a StatelessElement to manage this widget’s location in the tree. |
| debugDescribeChildren() | List | Returns a list of DiagnosticsNode objects describing this node’s children. |
| debugFillProperties(DiagnosticPropertiesBuilder description) | void | |
| Add additional properties associated with the node. | ||
| noSuchMethod(Invocation invocation) | dynamic | Invoked when a non-existent method or property is accessed. |
| toDiagnosticsNode({String name, DiagnosticsTreeStyle style }) | DiagnosticsNode | Returns a debug representation of the object that is used by debugging tools and by toStringDeep. |
| toString({DiagnosticLevel minLevel: DiagnosticLevel.debug }) | String | Returns a string representation of this object. |
| toStringDeep({String prefixLineOne: ‘’, String prefixOtherLines, DiagnosticLevel minLevel: DiagnosticLevel.debug }) | String | Returns a string representation of this node and its descendants. |
| toStringShallow({String joiner: ‘, ‘, DiagnosticLevel minLevel: DiagnosticLevel.debug }) | String | Returns a one-line detailed description of the object. |
| toStringShort() | String | A short, textual description of this widget. |
該 Widget 可以不帶參數直接使用。
import 'package:flutter/material.dart';
void main() {
runApp(new FlutterLogo());
}
若有需要可以透過 colors 屬性變更 Logo 的顏色。
import 'package:flutter/material.dart';
void main() {
runApp(new FlutterLogo(colors: Colors.green));
}
或是變更 style 屬性為 FlutterLogoStyle.horizontal，將 Logo 與 Flutter 字樣水平呈現。
import 'package:flutter/material.dart';
void main() {
runApp(new FlutterLogo(style: FlutterLogoStyle.horizontal));
}
變更為 FlutterLogoStyle.stacked 的話就會將 Flutter 字樣放置 Logo 下方。
import 'package:flutter/material.dart';
void main() {
runApp(new FlutterLogo(style: FlutterLogoStyle.stacked));
}
若要調動 Flutter 字樣的顏色，可以透過 textColor 屬性設定。
import 'package:flutter/material.dart';
void main() {
runApp(new FlutterLogo(
style: FlutterLogoStyle.stacked,
textColor: Colors.green,
));
}
