Flutter Widget 之IndexedStack

535 阅读1分钟

你是否希望用户能够在应用中轻松切换widget?IndexedStack可与你做到这一点。

从本质上将IndexedStack就像是电视,频道之间的切换。

它一次只显示其中一个子项,但保留了所有子项的状态。

要使用IndexedStack,只需在IndexedStack widget中包含要切换的widget列表。

IndexedStack(
    children: [
        WidgetOne(),
        WidgetTwo(),
    ]
)

然后,添加一个索引参数,该变量可以使用类似setState的变量进行更改。

IndexedStack(
    index: _widgetIndex,
    children: [
        WidgetOne(),
        WIdgetTwo(),
    ]
)

// elesewhere in the code
setState(() => _widgetIndex = 2);

这就是关于它的所有。

现在,您可以轻松切换widget。

IndexedStack还具有标准堆栈参数,允许您设置所有项目的对齐和大小的调整。

如果想了解有关IndexedStack的内容,或者关于Flutter的其他功能,请访问flutter.dev

原文翻译自视频:视频地址