Flutter定义StatefulWidget刷新问题解决

在Flutter定义StatefulWidget时,需要控制变量的值来更新UI,我最开始是这样写的:

List _getTabListWidget(){
    List  tabWidgets = [];
    Color c = Color(0xff666666);
    FontWeight weight = FontWeight.normal;
    for(int i = 0;i < widget.tabs.length;i++){
      if(_selectedIndex == i){
        c = Color(0xff606FFF);
        weight = FontWeight.w800;
      }
      tabWidgets.add(Text(widget.tabs[i],
          textAlign:TextAlign.center,
          style: TextStyle(
            color: c,
            fontWeight: weight,
            fontSize: widget.fontSize,
          )
      ));
    }
    return tabWidgets;
  }

然后当用户点击Tab页时执行:预期效果是能够更细Text的颜色,但实际上没执行更新,原因是_selectedIndex没有绑定到Text()上。

setState(() {
     _selectedIndex = index;
});

正确的写法是:

List _getTabListWidget(){
    List  tabWidgets = [];
    for(int i = 0;i < widget.tabs.length;i++){
      tabWidgets.add(Text(widget.tabs[i],
          textAlign:TextAlign.center,
          style: TextStyle(
            color: _selectedIndex==i?Color(0xff606FFF):Color(0xff666666),
            fontWeight: _selectedIndex==i?FontWeight.w800:FontWeight.normal,
            fontSize: widget.fontSize,
          )
      ));
    }
    return tabWidgets;
  }

解决。


本站内容来源于作者发布和网络转载,如有版权相关问题请及时与我们取得联系,我们将立即删除。

 关于作者
 热门教程
通过Git下载和提交代码的命令记录
安装好git后: 1、配置邮箱 git config --global user.name ymbok git con
2023-08-15
剑道仙尊
59
通过ADB在Android系统中快捷截屏和录屏的方法
连上ADB线后: 截图 创建一个BAT文件,用于截图,直接双击运行即可将图片保存到D:\screenshot目录,提前
2023-08-15
剑道仙尊
110
Android12 源码下载与编译
下载Android12 源码 sudo apt-get update 安装curl sudo apt install
2023-04-25
剑道仙尊
125
android生成签名文件jks并获取SHA1
打开Android Studio终端,输入: keytool -genkey -alias app -keyalg R
2022-07-13
剑道仙尊
93
Flutter开发APP更改状态栏文字颜色
void main(){ runApp(MyApp()); /// 状态栏文字黑色 SystemChrome
2022-06-09
剑道仙尊
133
Android Swicth按钮样式自定义
&lt;Switch android:id="@+id/switch_btn" android:layout_wi
2022-06-07
剑道仙尊
135
Pagging3写起来太麻烦,简单封装及其简单
Pagging3分页写起来很麻烦,这里分享一下我的简化开发的方法,思路就是把获取数据的函数分离出来 首先定义一个基础的
2022-06-07
剑道仙尊
203
在项目中使用Hilt Retrofit使用总结
直接开始,首先我们看看怎么使用Hilt编写 Retrofit 接口请求类 用@Provides注解定义可注入的实例的提
2022-06-07
剑道仙尊
201
Android Jetpack Paging 3 下拉刷新和加载更多代码示例
使用Paging3实现列表的下拉刷新和加载更多 首先定义列表布局文件 &lt;androidx.swiperefres
2022-06-07
剑道仙尊
434
StatefulBuilder实现Dialog的刷新
在Flutter中使用Dialog时,因为 showDialog返回的context与当前页面的 context不是同
2022-06-07
剑道仙尊
136