Files
food_hub_app/lib/widgets/common/index.dart
2026-06-27 17:12:38 +08:00

151 lines
3.9 KiB
Dart

import 'package:flutter/material.dart';
import 'package:toggle_switch/toggle_switch.dart';
Widget formLabelText({required String labelText, bool isRequired = false}) {
return Text.rich(
TextSpan(
children: [
if (isRequired)
const TextSpan(text: '* ', style: TextStyle(color: Colors.red)),
TextSpan(text: labelText),
],
),
);
}
InputDecoration formInputDecoration({
required String hintText,
IconData? prefixIcon,
}) {
return InputDecoration(
hintText: hintText,
hintStyle: TextStyle(color: Colors.grey),
filled: true,
fillColor: Colors.white,
border: OutlineInputBorder(),
prefixIcon: prefixIcon != null ? Icon(prefixIcon) : null,
);
}
Widget buildToggleSwitch<T extends Enum>({
required BuildContext context,
required T currentTab,
required List<T> tabValues,
required List<String> labels,
required ValueChanged<T> onTabChanged,
}) {
final colors = Theme.of(context).colorScheme;
return ToggleSwitch(
minWidth: 90.0,
minHeight: 40.0,
initialLabelIndex: tabValues.indexOf(currentTab),
totalSwitches: tabValues.length,
labels: labels,
activeBgColor: [colors.primary],
activeFgColor: colors.surface,
inactiveBgColor: colors.surface,
inactiveFgColor: colors.onSurface,
cornerRadius: 12.0,
customTextStyles: [TextStyle(fontSize: 12, fontWeight: FontWeight.w500)],
onToggle: (index) {
if (index != null && index < tabValues.length) {
onTabChanged(tabValues[index]);
}
},
);
}
/// 圆形图标按钮
Widget circleIconButton({
required IconData icon,
required VoidCallback onPressed,
required BuildContext context,
bool? isSmall,
}) {
final double size = isSmall == true ? 24 : 36;
return ElevatedButton(
onPressed: onPressed,
style: ElevatedButton.styleFrom(
fixedSize: Size(size, size),
shape: CircleBorder(),
elevation: 0,
backgroundColor: Theme.of(context).colorScheme.primary,
padding: EdgeInsets.zero,
minimumSize: const Size(0, 0),
),
child: Icon(icon, color: Colors.white),
);
}
Widget buildTag(BuildContext context, String title) {
final colors = Theme.of(context).colorScheme;
return Container(
padding: EdgeInsets.symmetric(horizontal: 10, vertical: 4),
decoration: BoxDecoration(
color: colors.primary,
borderRadius: BorderRadius.circular(10),
),
child: Text(title, style: TextStyle(color: colors.surface)),
);
}
Widget buildPrimaryButton({
required BuildContext context,
required String text,
required VoidCallback onPressed,
}) {
return ElevatedButton(
onPressed: () => onPressed(),
style: ElevatedButton.styleFrom(
backgroundColor: Theme.of(context).colorScheme.primary,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
elevation: 0,
),
child: Text(text, style: TextStyle(color: Colors.white)),
);
}
Widget buildErrorButton({
required String text,
required VoidCallback onPressed,
}) {
return ElevatedButton(
onPressed: () => onPressed(),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.red,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
elevation: 0,
),
child: Text(text, style: TextStyle(color: Colors.white)),
);
}
Widget buildInfoButton({
required BuildContext context,
required String text,
required VoidCallback onPressed,
}) {
return ElevatedButton(
onPressed: () => onPressed(),
style: ElevatedButton.styleFrom(
backgroundColor: Theme.of(context).colorScheme.surface,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
elevation: 0,
),
child: Text(text),
);
}
/// 图片错误显示
Widget errorImageContainer(double height) {
return Container(
height: 200,
width: double.infinity,
color: Colors.grey[200],
child: const Icon(Icons.image, color: Colors.grey, size: 30),
);
}