我是新的Flutter,我想创建简单的设计菜单应用程序如下图所示.我试过下面的代码,但它没有给予相同的设计,有什么办法来实现它?
MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text("Card over stack"),
),
body: Stack(
children: <Widget>[
Align(
alignment: Alignment.topCenter,
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(10.0)),
color: Colors.lightBlueAccent),
height: 100,
),
),
Positioned(
top: 60,
right: 10,
left: 10,
child: Card(
child: ListTile(
leading: SizedBox(
height: 150.0,
width: 150.0, // fixed width and height
child: Image.asset("assets/images/test.png"))),
),
),
],
),
),
字符串
1条答案
按热度按时间dxxyhpgq1#
您似乎正在尝试使用Flutter创建菜单应用设计,并且在实现所需布局时遇到了问题。您提供的代码似乎创建了一个基本布局,其中堆栈顶部包含一个彩色容器,下面是一张卡片,显示一个图像。
要创建一个类似于您所描述的设计,您可能需要调整布局和样式。
字符串