forked from lxm_flutter/FlutterUnit
57 lines
1.6 KiB
Dart
57 lines
1.6 KiB
Dart
import 'package:flutter/material.dart';
|
||
|
||
|
||
|
||
/// create by 张风捷特烈 on 2020/7/22
|
||
/// contact me by email 1981462002@qq.com
|
||
/// 说明: 206 TabPageSelectorIndicator 一个有边线的圆形组件，可指定大小、颜色、边线色。是TabPageSelector的部分之一，一般不单独使用。
|
||
|
||
// {
|
||
// "widgetId": 206,
|
||
// "name": "TabPageSelectorIndicator基本使用",
|
||
// "priority": 1,
|
||
// "subtitle": "【size】: 大小 【double】\n"
|
||
// "【backgroundColor】: 背景色 【Color】\n"
|
||
// "【borderColor】: 边线色 【Color】",
|
||
// }
|
||
|
||
class TabPageSelectorIndicatorDemo extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||
children: <Widget>[
|
||
TabPageSelectorIndicator(
|
||
backgroundColor: Colors.greenAccent,
|
||
borderColor: Colors.deepPurpleAccent,
|
||
size: 15,
|
||
),
|
||
TabPageSelectorIndicator(
|
||
backgroundColor: Colors.blue,
|
||
borderColor: Colors.grey,
|
||
size: 20,
|
||
),
|
||
TabPageSelectorIndicator(
|
||
backgroundColor: Colors.green,
|
||
borderColor: Colors.red,
|
||
size: 25,
|
||
),
|
||
TabPageSelectorIndicator(
|
||
backgroundColor: Colors.yellow,
|
||
borderColor: Colors.brown,
|
||
size: 30,
|
||
),
|
||
TabPageSelectorIndicator(
|
||
backgroundColor: Colors.amber,
|
||
borderColor: Colors.purpleAccent,
|
||
size: 35,
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
}
|
||
|