mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-05-21 23:06:33 +08:00
109 lines
2.8 KiB
Dart
109 lines
2.8 KiB
Dart
/// Author: xiaojia.dxj
|
||
/// Date: 2019-01-08 15:57:00
|
||
/// Email: xiaojia.dxj@alibaba-inc.com
|
||
/// Last Modified by: xiaojia.dxj
|
||
/// Last Modified time: 2019-01-08 16:00:14
|
||
|
||
import 'package:flutter/material.dart';
|
||
|
||
import 'package:flutter_go/components/widget_demo.dart';
|
||
import './demo.dart';
|
||
|
||
const String _stackText0 = """### **简介**
|
||
> 显示一个子项列表的单个子项。
|
||
- 只显示指定位置的widget，其他的位置的widget不会显示，所以indexedStack的尺寸永远和最大的子节点一样。
|
||
- 显示的子项widget是给到了具体的索引选择出来的widget
|
||
- 如果value 为null，将不显示任何内容
|
||
""";
|
||
const String _stackText1 = """### **基本用法**
|
||
> index → int
|
||
- 控制显示child的索引
|
||
- ex:可以通过多个图片转化表示状态（正确，错误，警告等）。
|
||
""";
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/element/Frame/Stack/IndexedStack';
|
||
|
||
@override
|
||
State<StatefulWidget> createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
int currIndex = 0;
|
||
|
||
void _indexAdd() {
|
||
setState(() {
|
||
if (currIndex > 4)
|
||
currIndex = 0;
|
||
else
|
||
currIndex++;
|
||
});
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
title: 'IndexedStack',
|
||
// desc: _desc,
|
||
codeUrl: 'elements/Frame/Stack/IndexedStack/demo.dart',
|
||
docUrl: 'https://docs.flutter.io/flutter/widgets/IndexedStack-class.html',
|
||
contentList: [
|
||
_stackText0,
|
||
_stackText1,
|
||
_indexedStackCreate(),
|
||
],
|
||
);
|
||
}
|
||
|
||
Column _indexedStackCreate() {
|
||
return Column(
|
||
children: <Widget>[
|
||
SizedBox(
|
||
height: 10.0,
|
||
),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||
children: <Widget>[
|
||
Container(
|
||
color: Color(0xffe91e63),
|
||
child: StackDefault(0),
|
||
),
|
||
Container(
|
||
color: Color(0xffe91e63),
|
||
child: StackDefault(1),
|
||
)
|
||
],
|
||
),
|
||
SizedBox(
|
||
height: 10.0,
|
||
),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: <Widget>[
|
||
StackIndex(0),
|
||
StackIndex(1),
|
||
StackIndex(2),
|
||
StackIndex(3),
|
||
StackIndex(4),
|
||
],
|
||
),
|
||
SizedBox(
|
||
height: 10.0,
|
||
),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||
children: <Widget>[
|
||
FlatButton.icon(
|
||
onPressed: () {
|
||
_indexAdd();
|
||
},
|
||
icon: Icon(Icons.adb),
|
||
label: Text("点击这里")),
|
||
StackIndex(currIndex)
|
||
],
|
||
)
|
||
],
|
||
);
|
||
}
|
||
}
|