forked from cwtch.im/cwtch-ui
62 lines
2.7 KiB
Dart
62 lines
2.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../settings.dart';
|
|
|
|
doNothing(String x) {}
|
|
|
|
// Provides a styled Text Field for use in Form Widgets.
|
|
// Callers must provide a text controller, label helper text and a validator.
|
|
class CwtchTextField extends StatefulWidget {
|
|
CwtchTextField({required this.controller, required this.labelText, this.validator, this.autofocus = false, this.onChanged = doNothing});
|
|
final TextEditingController controller;
|
|
final String labelText;
|
|
final FormFieldValidator? validator;
|
|
final Function(String) onChanged;
|
|
final bool autofocus;
|
|
|
|
@override
|
|
_CwtchTextFieldState createState() => _CwtchTextFieldState();
|
|
}
|
|
|
|
class _CwtchTextFieldState extends State<CwtchTextField> {
|
|
late final FocusNode _focusNode;
|
|
|
|
@override
|
|
void initState() {
|
|
_focusNode = FocusNode();
|
|
_focusNode.addListener(() {
|
|
// Select all...
|
|
if (_focusNode.hasFocus) widget.controller.selection = TextSelection(baseOffset: 0, extentOffset: widget.controller.text.length);
|
|
});
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer<Settings>(builder: (context, theme, child) {
|
|
return TextFormField(
|
|
controller: widget.controller,
|
|
validator: widget.validator,
|
|
onChanged: widget.onChanged,
|
|
autofocus: widget.autofocus,
|
|
focusNode: _focusNode,
|
|
decoration: InputDecoration(
|
|
labelText: widget.labelText,
|
|
labelStyle: TextStyle(color: theme.current().mainTextColor(), backgroundColor: theme.current().textfieldBackgroundColor()),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
filled: true,
|
|
focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(15.0), borderSide: BorderSide(color: theme.current().textfieldBorderColor(), width: 3.0)),
|
|
focusedErrorBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(15.0), borderSide: BorderSide(color: theme.current().textfieldErrorColor(), width: 3.0)),
|
|
errorBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(15.0), borderSide: BorderSide(color: theme.current().textfieldErrorColor(), width: 3.0)),
|
|
errorStyle: TextStyle(
|
|
color: theme.current().textfieldErrorColor(),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
fillColor: theme.current().textfieldBackgroundColor(),
|
|
contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
|
|
enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(15.0), borderSide: BorderSide(color: theme.current().textfieldBorderColor(), width: 3.0))),
|
|
);
|
|
});
|
|
}
|
|
}
|