flutter - 如何在 Flutter 中为图标添加删除线?
问题描述
我需要在我的icon
. 我读到了关于使用填充的自定义罢工,但它正在处理文本
Container(
child: _child,
padding: EdgeInsets.symmetric(horizontal: 8), // this line is optional to make strikethrough effect outside a text
decoration: BoxDecoration(
image: DecorationImage(image: AssetImage('graphics/strikethrough.png'), fit: BoxFit.fitWidth),
)
如何将其添加到此代码中?
Icon(
Icons.list_alt,
color: Colors.white,
)
编辑 1
我试过了 :
Container(
padding: EdgeInsets.symmetric(horizontal: 8),
child: Icon(
Icons.shopping_cart,
color: Colors.white,
size: 200,
),
)
它不工作
解决方案
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: StrikeThroughWidget(
child: Icon(Icons.shopping_cart, color: Colors.orangeAccent, size: 200),
),
),
),
);
}
}
class StrikeThroughWidget extends StatelessWidget {
final Widget child;
StrikeThroughWidget({Key key, @required this.child}) : super(key: key);
@override
Widget build(BuildContext context) {
return Container(
child: child,
padding: EdgeInsets.symmetric(horizontal: 8),
foregroundDecoration: BoxDecoration(
image: DecorationImage(image: AssetImage('assets/strikethrough.png'), fit: BoxFit.fitWidth),
),
);
}
}
推荐阅读
- c++ - C++:有没有办法在使用 g++ 编译时直接传递系统参数/文件
- c# - 如何循环访问具有限制条件的邮箱?
- java - 有没有办法做 x++ 但操作更大的数字?
- sql - 如何在 Oracle SQL 中使用月份作为日期列
- javascript - javascript如何使用按钮动态添加元素以形成标签
- swift - 如何延迟 for 循环中的循环,直到在 Swift 中通知?
- c++ - 如何重载赋值运算符并为 2D 动态数组创建复制构造函数?
- r - 用多个名称重命名多个文件
- assembly - 了解 ARM 重定位(示例:str x0, [tmp, #:lo12:zbi_paddr])
- api - 将 VL53L0X 与 STM32 微控制器一起使用