IndexedStack每日Flutter 小部件

/**
 *  集成自Stack,用来显示第index个child,
 *  IndexedStack({
    Key key,
    AlignmentGeometry alignment = AlignmentDirectional.topStart,
    TextDirection textDirection,
    StackFit sizing = StackFit.loose,
    this.index = 0,
    List<Widget> children = const <Widget>[],
    })
 */

例:

import 'package:Flutter/material.dart';

class IndexedStackWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return IndexedStack(
      alignment: AlignmentDirectional.center,
      textDirection: TextDirection.ltr,
      sizing: StackFit.loose,
      index: 0,
      children: [
        Container(
          width: 100,
          height: 100,
          color: Colors.red,
        ),
        Container(
          width: 80,
          height: 80,
          color: Colors.blue,
        ),
        Container(
          width: 50,
          height: 50,
          color: Colors.green,
        ),
      ],
    );
  }
}

运行结果

 

相关文章

这篇文章主要讲解了“FlutterComponent动画的显和隐怎么实现...
这篇文章主要讲解了“flutter微信聊天输入框功能如何实现”,...
本篇内容介绍了“Flutter之Navigator的高级用法有哪些”的有...
这篇文章主要介绍“Flutter怎么使用Android原生播放器”,在...
Flutter开发的android端如何修改APP名称,logo,版本号,具体...
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.Mater...