flutter点击按键切换图标
flutter 切换 点击 图标 按键
2023-09-14 09:04:29 时间
final List<String> list = [
"Eli's Poynt AC",
"Eli's Poynt Home DC",
];
bool isSettings = false;
ListView.builder(
shrinkWrap: true,
itemCount: list.length + 1,
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.only(bottom: 16),
child: Container(
height: 112,
padding:
const EdgeInsets.symmetric(horizontal: 21, vertical: 16),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25),
color: constants.Colors.greyDark,
),
child: Row(
children: [
SizedBox(
height: 80,
width: 80,
child: ClipRRect(
borderRadius: BorderRadius.circular(8),
child: Image.asset('assets/images/poynt.jpg'),
),
),
const SizedBox(width: 15),
Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(
list[index],
style: constants.Styles.normalHeavyTextStyleWhite,
),
const SizedBox(height: 6),
const Text(
'Evan Gbirol St, 18',
style: constants.Styles.smallBookTextStyleWhite,
),
],
),
),
SvgPicture.asset(constants.Assets.poynt1),
const SizedBox(width: 20),
IconButton(
onPressed: () {
setState(() {
isSettings = !isSettings;
});
},
icon: isSettings
? SvgPicture.asset(constants.Assets.remove2)
: SvgPicture.asset(constants.Assets.threeDot),
padding: EdgeInsets.zero,
constraints: const BoxConstraints(),
),
相关文章
- Flutter get_it库,动态服务定位器
- flutter:使用listview之四:返回顶部(flutter 3.7.0)
- Flutter 陈航 14-布局控件 Container Row Column Stack 组合与自绘
- Flutter 陈航 11-生命周期 WidgetsBindingObserver
- Flutter入门(二)--布局
- 你真的敢落地Flutter桌面端吗?
- Flutter进阶第9篇:检测网络连接,监听网络变化
- Flutter进阶第11篇: 调用原生硬件Api实现扫码 扫描条形码 扫描二维码
- flutter 图片加阴影
- flutter 弹窗flutter_easyloading
- Flutter实战之GetX工具类封装-GetUtils
- Flutter 之A value of type ‘‘ can‘t be assigned to a variable of type的错误解决笔记