272 lines
7.4 KiB
Dart
272 lines
7.4 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
|||
|
/// 自定义组件
|
|||
|
class ListItemFactory {
|
|||
|
/// 类型1:横向spaceBetween布局两个文本
|
|||
|
static Widget createRowSpaceBetweenItem({
|
|||
|
required String leftText,
|
|||
|
required String rightText,
|
|||
|
double verticalPadding = 15,
|
|||
|
double horizontalPadding = 0,
|
|||
|
bool isRight = false,
|
|||
|
}) {
|
|||
|
return Padding(
|
|||
|
padding: EdgeInsets.symmetric(
|
|||
|
vertical: verticalPadding,
|
|||
|
horizontal: horizontalPadding,
|
|||
|
),
|
|||
|
child: Row(
|
|||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
children: [
|
|||
|
Text(
|
|||
|
leftText,
|
|||
|
style: TextStyle(
|
|||
|
fontSize: 15,
|
|||
|
fontWeight: FontWeight.bold,
|
|||
|
color: Colors.black,
|
|||
|
),
|
|||
|
),
|
|||
|
if (isRight)
|
|||
|
Row(
|
|||
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
children: [
|
|||
|
Text(
|
|||
|
rightText,
|
|||
|
style: TextStyle(fontSize: 15, color: Colors.grey),
|
|||
|
),
|
|||
|
SizedBox(width: 2,),
|
|||
|
Icon(Icons.arrow_forward_ios_rounded, size: 15),
|
|||
|
],
|
|||
|
)
|
|||
|
else
|
|||
|
Text(rightText, style: TextStyle(fontSize: 15, color: Colors.grey)),
|
|||
|
],
|
|||
|
),
|
|||
|
);
|
|||
|
}
|
|||
|
|
|||
|
///类型2:上下布局两个文本(自适应高度)
|
|||
|
static Widget createColumnTextItem({
|
|||
|
required String topText,
|
|||
|
required String bottomText,
|
|||
|
double verticalPadding = 15,
|
|||
|
double horizontalPadding = 0,
|
|||
|
}) {
|
|||
|
return Padding(
|
|||
|
padding: EdgeInsets.symmetric(
|
|||
|
vertical: verticalPadding,
|
|||
|
horizontal: horizontalPadding,
|
|||
|
),
|
|||
|
child: Column(
|
|||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
mainAxisSize: MainAxisSize.min,
|
|||
|
children: [
|
|||
|
Text(
|
|||
|
topText,
|
|||
|
style: TextStyle(
|
|||
|
fontSize: 15,
|
|||
|
fontWeight: FontWeight.bold,
|
|||
|
color: Colors.black,
|
|||
|
),
|
|||
|
),
|
|||
|
const SizedBox(height: 5),
|
|||
|
Text(
|
|||
|
bottomText,
|
|||
|
style: TextStyle(fontSize: 15, color: Colors.grey),
|
|||
|
softWrap: true,
|
|||
|
maxLines: null, // 允许无限行数
|
|||
|
),
|
|||
|
],
|
|||
|
),
|
|||
|
);
|
|||
|
}
|
|||
|
|
|||
|
/// 类型3:文本和图片上下布局
|
|||
|
static Widget createTextImageItem({
|
|||
|
required String text,
|
|||
|
required String imageUrl,
|
|||
|
double imageHeight = 90,
|
|||
|
double verticalPadding = 15,
|
|||
|
double horizontalPadding = 0,
|
|||
|
// 添加点击事件回调函数
|
|||
|
VoidCallback? onImageTapped, // 新增的回调函数参数
|
|||
|
}) {
|
|||
|
return Padding(
|
|||
|
padding: EdgeInsets.symmetric(
|
|||
|
vertical: verticalPadding,
|
|||
|
horizontal: horizontalPadding,
|
|||
|
),
|
|||
|
child: Column(
|
|||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
children: [
|
|||
|
Text(
|
|||
|
text,
|
|||
|
style: TextStyle(
|
|||
|
fontSize: 15,
|
|||
|
fontWeight: FontWeight.bold,
|
|||
|
color: Colors.black,
|
|||
|
),
|
|||
|
),
|
|||
|
const SizedBox(height: 10),
|
|||
|
// 使用GestureDetector包裹图片区域
|
|||
|
GestureDetector(
|
|||
|
onTap: onImageTapped, // 将外部传入的回调绑定到点击事件
|
|||
|
child: Builder(
|
|||
|
builder: (context) {
|
|||
|
// 网络图片
|
|||
|
if (imageUrl.startsWith('http')) {
|
|||
|
return Image.network(
|
|||
|
imageUrl,
|
|||
|
height: imageHeight,
|
|||
|
width: imageHeight * 3 / 2,
|
|||
|
fit: BoxFit.cover,
|
|||
|
alignment: Alignment.centerLeft,
|
|||
|
);
|
|||
|
}
|
|||
|
// 本地图片
|
|||
|
else {
|
|||
|
return Image.asset(
|
|||
|
imageUrl,
|
|||
|
height: imageHeight,
|
|||
|
width: double.infinity,
|
|||
|
fit: BoxFit.cover,
|
|||
|
alignment: Alignment.centerLeft,
|
|||
|
);
|
|||
|
}
|
|||
|
},
|
|||
|
),
|
|||
|
),
|
|||
|
],
|
|||
|
),
|
|||
|
);
|
|||
|
}
|
|||
|
|
|||
|
///类型4:一个文本(自适应高度)
|
|||
|
static Widget createAloneTextItem({
|
|||
|
required String text,
|
|||
|
double verticalPadding = 15,
|
|||
|
double horizontalPadding = 0,
|
|||
|
}) {
|
|||
|
return Padding(
|
|||
|
padding: EdgeInsets.symmetric(
|
|||
|
vertical: verticalPadding,
|
|||
|
horizontal: horizontalPadding,
|
|||
|
),
|
|||
|
child: Column(
|
|||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
mainAxisSize: MainAxisSize.min,
|
|||
|
children: [
|
|||
|
Text(
|
|||
|
text,
|
|||
|
style: TextStyle(fontSize: 15, color: Colors.grey),
|
|||
|
softWrap: true,
|
|||
|
maxLines: null, // 允许无限行数
|
|||
|
),
|
|||
|
],
|
|||
|
),
|
|||
|
);
|
|||
|
}
|
|||
|
|
|||
|
/// 分类头部
|
|||
|
static Widget createYesNoSection({
|
|||
|
required String title,
|
|||
|
required String yesLabel,
|
|||
|
required String noLabel,
|
|||
|
required bool groupValue,
|
|||
|
required ValueChanged<bool> onChanged,
|
|||
|
double verticalPadding = 15,
|
|||
|
double horizontalPadding = 0,
|
|||
|
}) {
|
|||
|
return Padding(
|
|||
|
padding: EdgeInsets.symmetric(
|
|||
|
vertical: verticalPadding,
|
|||
|
horizontal: horizontalPadding,
|
|||
|
),
|
|||
|
child: Container(
|
|||
|
padding: EdgeInsets.symmetric(horizontal: 10),
|
|||
|
decoration: BoxDecoration(
|
|||
|
color: Colors.white,
|
|||
|
borderRadius: BorderRadius.circular(5),
|
|||
|
),
|
|||
|
child: Row(
|
|||
|
children: [
|
|||
|
Expanded(
|
|||
|
child: Text(
|
|||
|
title,
|
|||
|
style: TextStyle(
|
|||
|
fontSize: 15,
|
|||
|
fontWeight: FontWeight.bold,
|
|||
|
color: Colors.black,
|
|||
|
),
|
|||
|
),
|
|||
|
),
|
|||
|
Row(
|
|||
|
children: [
|
|||
|
Row(
|
|||
|
children: [
|
|||
|
Radio<bool>(
|
|||
|
activeColor: Colors.blue,
|
|||
|
value: true,
|
|||
|
groupValue: groupValue,
|
|||
|
onChanged: (val) => onChanged(val!),
|
|||
|
),
|
|||
|
Text(yesLabel),
|
|||
|
],
|
|||
|
),
|
|||
|
const SizedBox(width: 16),
|
|||
|
Row(
|
|||
|
children: [
|
|||
|
Radio<bool>(
|
|||
|
activeColor: Colors.blue,
|
|||
|
value: false,
|
|||
|
groupValue: groupValue,
|
|||
|
onChanged: (val) => onChanged(val!),
|
|||
|
),
|
|||
|
Text(noLabel),
|
|||
|
],
|
|||
|
),
|
|||
|
],
|
|||
|
),
|
|||
|
],
|
|||
|
),
|
|||
|
),
|
|||
|
);
|
|||
|
}
|
|||
|
static Widget createBuildSimpleSection(String title) {
|
|||
|
return Container(
|
|||
|
decoration: BoxDecoration(
|
|||
|
color: Colors.white,
|
|||
|
borderRadius: BorderRadius.circular(8),
|
|||
|
),
|
|||
|
child: Padding(
|
|||
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
|
|||
|
child: Row(
|
|||
|
children: [
|
|||
|
Container(width: 3, height: 15, color: Colors.blue),
|
|||
|
const SizedBox(width: 8),
|
|||
|
Text(
|
|||
|
title,
|
|||
|
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
|||
|
),
|
|||
|
],
|
|||
|
),
|
|||
|
),
|
|||
|
);
|
|||
|
}
|
|||
|
|
|||
|
/// 扩展项(根据需求自定义)
|
|||
|
static Widget createCustomItem({
|
|||
|
required Widget child,
|
|||
|
double verticalPadding = 15,
|
|||
|
double horizontalPadding = 0,
|
|||
|
}) {
|
|||
|
return Padding(
|
|||
|
padding: EdgeInsets.symmetric(
|
|||
|
vertical: verticalPadding,
|
|||
|
horizontal: horizontalPadding,
|
|||
|
),
|
|||
|
child: child,
|
|||
|
);
|
|||
|
}
|
|||
|
}
|