我怎样才能用这些内容制作一个容器
How can i make a container with these contents
容器镜像:
我想知道如何构造这个容器并添加内容。我尝试了 ListTile 它没有用
ListTile 只是一个 Widget。
为什么不自己建一个?
类似于:
class MyTile extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Column(children: [
Text("Yelena Stevens", textAlign: TextAlign.start),
Text("Feb 23", textAlign: TextAlign.end),
StarDisplayWidget(),
Text("Lorum ipsum...")
]);
}
}
你可以试试这个
Container(
decoration: BoxDecoration(border: Border.all(color: Colors.blue)),
height: 120,
width: 400,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: (Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Yelena Stevens",
style: TextStyle(fontSize: 16, color: Colors.black),
),
SizedBox(
height: 3,
),
Text("Star Rating Widget")
],
),
Text("Feb 23, 2021")
],
),
SizedBox(height: 6),
Text(
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")
],
)),
),
)
容器镜像:
我想知道如何构造这个容器并添加内容。我尝试了 ListTile 它没有用
ListTile 只是一个 Widget。
为什么不自己建一个?
类似于:
class MyTile extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Column(children: [
Text("Yelena Stevens", textAlign: TextAlign.start),
Text("Feb 23", textAlign: TextAlign.end),
StarDisplayWidget(),
Text("Lorum ipsum...")
]);
}
}
你可以试试这个
Container(
decoration: BoxDecoration(border: Border.all(color: Colors.blue)),
height: 120,
width: 400,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: (Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Yelena Stevens",
style: TextStyle(fontSize: 16, color: Colors.black),
),
SizedBox(
height: 3,
),
Text("Star Rating Widget")
],
),
Text("Feb 23, 2021")
],
),
SizedBox(height: 6),
Text(
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")
],
)),
),
)