fertig bis auf Tankstellen und Graph
This commit is contained in:
100
lib/widgets/edit_form_field_widget.dart
Normal file
100
lib/widgets/edit_form_field_widget.dart
Normal file
@@ -0,0 +1,100 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class EditFormFieldWidget extends StatelessWidget {
|
||||
final String label;
|
||||
final IconData icon;
|
||||
final TextEditingController controller;
|
||||
final TextInputType? keyboardType;
|
||||
final String? suffix;
|
||||
final String? hint;
|
||||
final bool isReadOnly;
|
||||
final VoidCallback? onTap;
|
||||
final int maxLines;
|
||||
final bool required;
|
||||
|
||||
const EditFormFieldWidget({
|
||||
super.key,
|
||||
required this.label,
|
||||
required this.icon,
|
||||
required this.controller,
|
||||
this.keyboardType,
|
||||
this.suffix,
|
||||
this.hint,
|
||||
this.isReadOnly = false,
|
||||
this.onTap,
|
||||
this.maxLines = 1,
|
||||
this.required = false,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Icon(icon, size: 18, color: Colors.blueGrey[700]),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Colors.blueGrey[900],
|
||||
),
|
||||
),
|
||||
if (required)
|
||||
Text(
|
||||
' *',
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Colors.red[700],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
TextField(
|
||||
controller: controller,
|
||||
keyboardType: keyboardType,
|
||||
readOnly: isReadOnly,
|
||||
onTap: onTap,
|
||||
maxLines: maxLines,
|
||||
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
decoration: InputDecoration(
|
||||
hintText: hint,
|
||||
hintStyle: TextStyle(
|
||||
color: Colors.grey[400],
|
||||
fontWeight: FontWeight.normal,
|
||||
),
|
||||
suffixText: suffix,
|
||||
suffixStyle: TextStyle(
|
||||
fontSize: 14,
|
||||
color: Colors.blueGrey[600],
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
filled: true,
|
||||
fillColor: isReadOnly ? Colors.grey[100] : Colors.white,
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: Colors.grey[300]!),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: Colors.grey[300]!),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: Colors.blueGrey[700]!, width: 2),
|
||||
),
|
||||
contentPadding: const EdgeInsets.symmetric(
|
||||
horizontal: 16,
|
||||
vertical: 14,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user