flutter 底部Tab切换结合IndexedStack 保持页面状态

发布于 5 个月前 作者 phonegap100 175 次浏览 来自 分享

IndexedStack和Stack一样,都是层布局控件, 可以在一个控件上面放置另一个控件,但唯一不同的是IndexedStack在同一时刻只能显示子控件中的一个控件,通过Index属性来设置显示的控件。

IndexedStack来保持页面状态的优点就是配置简单。IndexedStack保持页面状态的缺点就是不方便单独控制每个页面的状态。

Container(
              width: double.infinity,
              height: double.infinity,
              child: new IndexedStack(
               index: 0,
               alignment: Alignment.center,
               children: <Widget>[
                   Image.network("https://www.itying.com/images/flutter/list1.jpg",fit: BoxFit.cover,),
                   Image.network("https://www.itying.com/images/flutter/list2.jpg",fit: BoxFit.cover)
               ],
              ),
)

flutter 底部Tab切换结合IndexedStack 保持页面状态

body:IndexedStack(
          children: this._pageList,
          index: _currentIndex,
        ),
回到顶部