/// 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)
          ],
        )
      ],
    );
  }
}