flutter - 制作可重用的颤振小部件
问题描述
我一直在尝试使我的自定义小部件可重复使用,但一直处于死胡同......我希望能够使用更改图标的颜色、卡片中的文本、第一张卡片和随附的卡片......此外,我应该能够更改图标、图标内的文本以及每个按钮的点击功能应该能够在点击时执行不同的操作
class _CustomCardState extends State<CustomCard> {
@override
Widget build(BuildContext context) {
return Card(
margin: EdgeInsets.fromLTRB(20, 10, 20, 1),
color: Colors.red,
child: InkWell(
onTap: (){},
child: ListTile(
leading: Card(
color: Colors.white,
margin: EdgeInsets.all(5),
child: Padding(
padding: EdgeInsets.all(8.0),
child: Icon(
KycIcons.add_a_photo,
size: 20,
color: Colors.red,
),
),
),
title: Text('Uplaod your selfie',
style: TextStyle(color: Colors.white, fontSize: 16)),
),
),
);
}
}`
解决方案
这是一个非常简单的示例,说明如何构建可重用的小部件:
import 'package:flutter/material.dart';
class ContainerMain extends StatelessWidget {
String text;
Color color;
ContainerMain(this.text, {this.color = Colors.white});
@override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size;
return Container(
alignment: Alignment.center,
height: size.height / 10,
width: size.width,
child: Text(
text,
style: TextStyle(fontSize: 20, color: color),
),
);
}
}
推荐阅读
- javascript - Vuejs2打印由换行符分隔的数组元素
- javascript - ckeditor 配置 autolink_urlRegex 不起作用
- crystal-lang - How to rescue/catch an "Error writing file: Broken pipe (Errno)" exception?
- ubuntu-16.04 - 通过连接本地网络上的其他本地计算机,在计算机启动时自动运行脚本
- excel - 使用反向循环删除行 - VB
- linear-regression - 在我的数据集上运行线性回归后,我的 RMSE 即将到来 1109.181
- reactjs - React hooks 如何根据 props 变化更好地更新多个状态
- php - 如何在 foreach 循环 PHP 中使用 2 个数组来选择随机元素
- github - Airflow 代码库正在使用过时的提交。我如何指出它是最新的?
- datatable - 如何设置要在没有分页的角度7数据表中显示的行