Question

我正在使用tabcontroller，并且显示正确。我需要动态更改“标签”的文本。

我尝试在Google和SO上搜索解决方案，但到目前为止还没有运气。

这是代码。

我仅在问题中添加了相关代码，否则会很长。

我想像上面那样动态更改Tab的文本，您可以看到靠近您和我的状态。我需要改变这些。任何建议。

Answer 1

仅声明要使用初始字符串的变量

String tab1 = "";
String tab2 = "";

然后使用两个字符串，例如

              Tab(
                  child: Container(
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(50),
                        border: Border.all(color: Colors.redAccent, width: 1)),
                    child: Align(
                      alignment: Alignment.center,
                      child: Text(tab1,
                      style: TextStyle(

                        fontSize: 12
                      ),
                      ),
                    ),
                  ),
                ),
            Tab(

                  child: Container(
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(50),
                        border: Border.all(color: Colors.redAccent, width: 1)),
                    child: Align(
                      alignment: Alignment.center,
                      child: Text(tab2,
                      style: TextStyle(
                        fontSize: 12
                      ),
                      ),
                    ),
                  ),
                ),

现在，您可以在任意位置使用setState()动态更新文本

 setState(() {
          tab1 = "Change tab 1";
          tab2 = "Change tab 2";
    });

Flutter：动态更改标签文本

1 个答案: