Flutter入门学习--(20)层布局控件IndexedStack

最新推荐文章于 2024-05-29 22:38:22 发布

游响云停

最新推荐文章于 2024-05-29 22:38:22 发布

阅读量6.5k

点赞数

分类专栏： Flutter 文章标签： Flutter IndexedStack

本文链接：https://blog.csdn.net/zx13525079024/article/details/86675226

版权

Flutter 专栏收录该内容

19 篇文章 2 订阅

订阅专栏

IndexedStack和Stack一样，都是层布局控件，可以在一个控件上面放置另一个控件，但唯一不同的是IndexedStack在同一时刻只能显示子控件中的一个控件，通过Index属性来设置显示的控件，下面的例子中，在IndexedStack放置了2张图片，只显示第二张

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

 

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter IndexedStack控件',
        home: Scaffold(
            appBar: AppBar(
              title: Text("FFlutter IndexedStack控件"),
            ),
            body: Container(
              child: new IndexedStack(
                 index: 1,
               alignment: const Alignment(0.6, 0.6),
                children: <Widget>[
                   Image.network("http://pic1.win4000.com/pic/2/4e/f0a80319bd.jpg",fit: BoxFit.fill,),
                   Image.network("http://pic1.win4000.com/pic/d/dc/95bb6142d5_250_350.jpg",fit: BoxFit.fill)
                ],
              ),
            )));
  }
}