Flutter 3.22.0稳定版的MaterialState迁移WidgetState

1. MaterialState及其相关 API已从 Material 库中移出并重命名为WidgetState

3.22版本以前,MaterialState提供了处理小部件可能具有的多种不同状态的逻辑,例如“悬停”、“聚焦”和“禁用”。由于此功能在 Material 库之外很有用,即对于基础 Widgets 层Cupertino,因此决定将其移出 Material。作为移动的一部分,为了避免将来混淆,不同的类MaterialState已重命名为WidgetState。两者的行为相同。

1.1 之间的对应关系

3.22以前3.22稳定以后
MaterialStateWidgetState
MaterialStatePropertyResolverWidgetStatePropertyResolver
MaterialStateColorWidgetStateColor
MaterialStateBorderSideWidgetStateBorderSide
MaterialStateOutlinedBorderWidgetStateOutlinedBorder
MaterialStateMouseCursorWidgetStateColorMouseCursor
MaterialStateTextStyleWidgetStateTextStyle
MaterialStatePropertyWidgetStateProperty
MaterialStatePropertyAllWidgetStatePropertyAll
MaterialStatesControllerWidgetStatesController
MaterialStateOutlineInputBorderxxxx仍然保留在Material 库
MaterialStateUnderlineInputBorderxxxx仍然保留在Material 库

要迁移,请替换MaterialStateWidgetState

1.2以前的MaterialState代码:

MaterialState selected = MaterialState.selected;

final MaterialStateProperty<Color> backgroundColor;

class _MouseCursor extends MaterialStateMouseCursor{
  const _MouseCursor(this.resolveCallback);

  final MaterialPropertyResolver<MouseCursor?> resolveCallback;

  
  MouseCursor resolve(Set<MaterialState> states) => resolveCallback(states) ?? MouseCursor.uncontrolled;
}

BorderSide side = MaterialStateBorderSide.resolveWith((Set<MaterialState> states) {
  if (states.contains(MaterialState.selected)) {
    return const BorderSide(color: Colors.red);
  }
  return null;
});


1.3 迁移后的WidgetState代码:

WidgetState selected = WidgetState.selected;

final WidgetStateProperty<Color> backgroundColor;

class _MouseCursor extends WidgetStateMouseCursor{
  const _MouseCursor(this.resolveCallback);

  final WidgetPropertyResolver<MouseCursor?> resolveCallback;

  
  MouseCursor resolve(Set<WidgetState> states) => resolveCallback(states) ?? MouseCursor.uncontrolled;
}

BorderSide side = WidgetStateBorderSide.resolveWith((Set<WidgetState> states) {
  if (states.contains(WidgetState.selected)) {
    return const BorderSide(color: Colors.red);
  }
  return null;
});


最后

如果想要成为架构师或想突破20~30K薪资范畴,那就不要局限在编码,业务,要会选型、扩展,提升编程思维。此外,良好的职业规划也很重要,学习的习惯很重要,但是最重要的还是要能持之以恒,任何不能坚持落实的计划都是空谈。

如果你没有方向,这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》,帮大家将杂乱、零散、碎片化的知识进行体系化的整理,让大家系统而高效地掌握Android开发的各个知识点。
img
相对于我们平时看的碎片化内容,这份笔记的知识点更系统化,更容易理解和记忆,是严格按照知识体系编排的。

欢迎大家一键三连支持,若需要文中资料,直接扫描文末CSDN官方认证微信卡片免费领取↓↓↓(文末还有ChatGPT机器人小福利哦,大家千万不要错过)

PS:群里还设有ChatGPT机器人,可以解答大家在工作上或者是技术上的问题
图片

  • 15
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,以下是Flutter ListView.builder的相关内容: Flutter中的ListView.builder是一种创建可滚动列表的方式。 它是使用基于生成器的方式来创建项目的,这意味着仅当需要显示项目时才会生成它们,这可以显著提高性能。 以下是ListView.builder的基本用法: ```dart ListView.builder( itemCount: items.length, itemBuilder: (BuildContext context, int index) { return ListTile( title: Text(items[index]), ); }, ); ``` 其中,`itemCount`属性指定了列表中的项数,而`itemBuilder`属性是一个回调函数,用于生成每个项目的小部件。 在这个例子中,我们使用了`ListTile`小部件来呈现列表项。`ListTile`是一种内置的小部件,用于创建带有文本和可选图标的项目。 你可以将这些代码放到Flutter应用程序中的任何位置,以创建一个基本的ListView.builder。 ### 回答2: Flutter Listview.Builder是Flutter框架中的一种基于ListView的快速构建方法。ListView是Flutter中的一个常见UI组件,用于在Flutter应用中呈现多个数据垂直或水平列表。ListView.Builder是ListView的一种实现方式,它可以更加灵活地适应不同的应用场景。 使用Flutter Listview.Builder,我们可以使用一组数据来快速构建一个列表视图,而不需要手动添加多个组件。我们可以使用类似于map()函数的方式来将列表中每个数据项映射到一个组件,然后将这些组件作为列表的items属性传递给ListView.Builder。 与其他构建ListView的方法相比,使用ListView.Builder的好处在于它的效率更高,因为它只会在显示屏幕所需要的数据项上构建组件,而不是在整个列表上构建所有组件。这种构建方式能够显著提高性能和渲染速度。 在实际使用ListView.Builder时,我们需要通过itemCount属性来指定列表的长度,然后在itemBuilder回调函数中构建每个数据项所对应的组件。此外,我们还可以在ListView.Builder中使用其他键来进行更多的自定义,例如控制滚动的控制器、构建分割线、调整列表项之间的间距等等。 总之,Flutter Listview.Builder是一个快速、灵活且高效的构建Flutter列表视图的方法,在应用中使用它可以有效地提高应用渲染性能和响应速度,是一个值得使用的重要UI组件。 ### 回答3: Flutter是一个快速开发高质量、高性能并且可即时部署到iOS和Android平台的跨平台移动应用框架。ListView是Flutter中最基本、最常用的列表组件之一,它可以用来显示任意类型的数据列表,而ListView.builder则是一个快速而且可以高度定制列表的方法。 ListView.builder的工作方式是接受一个itemBuilder回调函数,它可以根据数据源和索引来构建一个可视化的列表项。ListView.builder用于构建动态列表,只会在需要时才会进行渲染,通过比普通ListView更高效地创建长列表来减少资源占用。 该组件有许多属性来控制其外观、交互和动画效果。您可以设置列表项高度、内容填充等,使您的列表在各种设备和屏幕尺寸上看起来完美。除了itemBuilder,还有一些其他属性,如itemCount,用于指定列表项数量;itemExtent,用于指定每个列表项的固定高度等。 总之,ListView.builder是Flutter中非常重要的一个组件,它简化了Flutter中的动态列表的构建和管理。 由于其高效性和易于使用的属性,它已经成为Flutter应用程序中的重要部分。所以我们要熟练掌握该组件以便更有效地构建数据展示列表、列表式的交互体验等功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值