forked from lxm_flutter/FlutterUnit
48 lines
1.5 KiB
Dart
48 lines
1.5 KiB
Dart
import 'package:flutter/material.dart';
|
||
|
||
/// create by 张风捷特烈 on 2020/7/21
|
||
/// contact me by email 1981462002@qq.com
|
||
/// 说明: 211 MaterialBanner Material风格的横幅组件，支持左中右或左中下结构，可指定边距背景色等。
|
||
|
||
// {
|
||
// "widgetId": 211,
|
||
// "name": 'MaterialBanner一行的使用',
|
||
// "priority": 1,
|
||
// "subtitle": "【content】 : 中间组件 【Widget】\n"
|
||
// "【leading】: 左侧组件 【Widget】\n"
|
||
// "【actions】: 右侧组件列表 【List<Widget>】\n"
|
||
// "【padding】: 内边距 【EdgeInsetsGeometry】\n"
|
||
// "【forceActionsBelow】: 是否按钮在下方 【bool】\n"
|
||
// "【backgroundColor】: 背景色 【Color】",
|
||
// }
|
||
class MaterialBannerDemo extends StatelessWidget {
|
||
final info =
|
||
'Welcome to Flutter Unit!';
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Column(
|
||
children: <Widget>[MaterialBanner(
|
||
content: Text(
|
||
info,
|
||
style: TextStyle(color: Colors.white),
|
||
),
|
||
backgroundColor: Colors.purple,
|
||
leading: Icon(Icons.info, color: Colors.lightBlueAccent),
|
||
padding: EdgeInsetsDirectional.only(start: 16.0, top: 2.0),
|
||
forceActionsBelow: false, // 默认false
|
||
actions: <Widget>[
|
||
Text(
|
||
'I KNOW',
|
||
style:TextStyle(
|
||
color: Colors.orange,
|
||
fontWeight: FontWeight.bold,
|
||
fontSize: 14) ,
|
||
)
|
||
],
|
||
)],
|
||
);
|
||
}
|
||
|
||
}
|