如何使用API​​响应填充Flutter TabBar

时间:2019-09-26 10:55:06

标签: api flutter backend flutter-layout tabbar

我该如何使用api响应(字符串数组)而不是像这样的硬编码文本来填充TabBar。

TabBar(
            isScrollable: true,
            tabs: [
              Tab(
                text: 'text1',
              ),
              Tab(
                text: 'text2',
              ),
              Tab(
                text: 'text3',
              ),

            ],

1 个答案:

答案 0 :(得分:1)

您可以将以下代码用于动态TabBar

TabBar(
  isScrollable: true,
  tabs: List<Widget>.generate(
    apiResponse.length,
    (int index) {
      return Container(
        child: new Tab(
          child: Text("Api Response $index"),
        ),
      );
    },
  ),
);