flutter - Listview 动画切换器
问题描述
我正在考虑构建一个列表视图,默认情况下显示标题列表,当点击它时会展开相同的项目以显示更多详细信息。我想使用动画切换器,这就是我所做的
Widget build(BuildContext context) {
return ListView.builder(
itemCount: data.length,
itemBuilder: (context, index) => GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
setState(() {
selectedIndex = index;
});
},
child: AnimatedSwitcher(
child: _listItem(index),
duration: const Duration(milliseconds: 300),
),
),
);
}
Widget _listItem(int index) {
return index == selectedIndex
? Container(
height: 300,
color: Colors.black,
child: Center(
child: Text("Selected"),
),
)
: Container(
height: 50,
color: colors[index],
);
}
点击它确实会更改小部件,但没有动画。我认为 AnimatedSwitcher 不能在这里使用,那还能怎么做呢?
解决方案
推荐阅读
- c# - 在使用 PSS 填充 C# 验证数据和签名 SHA256 RSA 时获得错误响应
- database - 列出可以更改 postgresql 数据库配置的用户
- python - 将多个 Excel 工作表合并为一个 Excel 工作表
- linux - VSCode 没有响应 Ubuntu 20.04
- android-studio - 无法使用 Android Studio Kotlin 创建文本文件。都无法使用通过 gradle 手动添加的文本文件构建 apk
- perl - 将数组推送到哈希时,推送操作不起作用
- html - 为什么在按钮未悬停时不会发生图标转换?
- php - htmlspecialchars 为 Cake PHP 2 转义 SQL 字符串
- django - AttributeError: 'CustomUser' 对象没有属性 'items' - 单元测试阶段
- html - 如果光标靠近,则突出显示 HTML 行