我想构建一个可重复使用的卡片小部件,它将具有图像和文本以及一些自定义设计布局。我尽了一切努力,但未能达到预期的结果。任何帮助将非常感激。
这是我的代码
class ReusabelCard extends StatelessWidget {
ReusabelCard(
{this.cardChild, @required this.assetImagePath, @required this.cardText});
final Widget cardChild;
final String assetImagePath;
final String cardText;
@override
Widget build(BuildContext context) {
return Container(
height: MediaQuery.of(context).size.height * 0.35,
width: MediaQuery.of(context).size.width * 0.5,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(MediaQuery.of(context).size.width * 0.5 * 0.28),
),
child: Stack(
children: [
LayoutBuilder(
builder: (context, contraint) {
return Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Icon(
Icons.trip_origin,
size: contraint.biggest.width,
color: Colors.grey[300],
),
Container(
height: MediaQuery.of(context).size.height*0.05,
width: MediaQuery.of(context).size.width,
color: Colors.green,
), …Run Code Online (Sandbox Code Playgroud) user-interface containers flutter flutter-dependencies flutter-layout