我有一个专栏,需要显示一个新闻类别,新闻标题,并在底部应该添加作者的名字.
这是我现在所拥有的:
这就是我想要的:
我需要在底部推送作者信息,这是我的小工具:
import 'package:flutter/material.dart';
class NewsCardHorizontal extends StatelessWidget {
final String title;
final String image;
final String category;
const NewsCardHorizontal({
super.key,
required this.title,
required this.category,
required this.image,
});
@override
Widget build(BuildContext context) {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_image(image),
const SizedBox(width: 8),
Expanded(
flex: 1,
child: SizedBox(
// width: 150, // Imposta una larghezza fissa
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Expanded(
flex: 3,
child: Column(
children: [
Text(category),
const SizedBox(height: 8),
_newsTitle(title),
],
),
),
Expanded(
flex: 1,
child: Row(
children: [
CircleAvatar(
child: Text('A'),
radius: 10,
),
SizedBox(width: 5),
Text('Dolores'),
],
),
),
],
),
),
),
],
);
}
Widget _newsTitle(String title) {
return Flexible(
fit: FlexFit.loose,
child: Text(
title,
maxLines: 3,
style: const TextStyle(
fontWeight: FontWeight.w700,
fontSize: 18,
),
),
);
}
Widget _image(String image) {
return SizedBox(
width: 150,
height: 150,
child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(20)),
child: Image.network(
image,
fit: BoxFit.fitHeight,
),
),
);
}
}
我也曾try 删除Expanded
,并在中间添加Spacer
,但出现错误.我如何才能将最新的一行推入列的底部?