Text Field

class DefaultTextField extends StatefulWidget {
  const DefaultTextField({super.key});
 
  @override
  State<DefaultTextField> createState() => _DefaultTextFieldState();
}
 
class _DefaultTextFieldState extends State<DefaultTextField> {
  final TextEditingController _controller = TextEditingController();
 
  @override
  void initState() {
    super.initState();
  }
 
  @override
  Widget build(BuildContext context) => FTextField(
    controller: _controller,
    label: const Text('Username'),
    hint: 'JaneDoe',
    description: const Text('Please enter your username.'),
    maxLines: 1,
  );
 
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
}

FTextField(
  controller: _controller, // TextEditingController
  label: const Text('Username'),
  hint: 'JaneDoe',
  description: const Text('Please enter your username.'),
  maxLines: 1,
);

FTextField(
  controller: _controller, // TextEditingController
  label: const Text('Username'),
  hint: 'JaneDoe',
  description: const Text('Please enter your username.'),
  maxLines: 1,
  enabled: false,
);

class ClearableTextField extends StatefulWidget {
  @override
  State<ClearableTextField> createState() => ClearableTextFieldState();
}
 
class ClearableTextFieldState extends State<ClearableTextField> {
  late final TextEditingController _controller = TextEditingController(text: 'MyUsername');
 
  @override
  Widget build(BuildContext context) => Padding(
    padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 30),
    child: FTextField(
      controller: _controller,
      label: const Text('Username'),
      hint: 'JaneDoe',
      description: const Text('Please enter your username.'),
      maxLines: 1,
      clearable: (value) => value.text.isNotEmpty,
    ),
  );
}

FTextField.email(
  initialValue: '[email protected]',
  controller: _controller, // TextEditingController
);

FTextField.password(
  controller: _controller, // TextEditingController
  obscuringCharacter: '*',
);

FTextField.multiline(
  controller: _controller, // TextEditingController
  label: const Text('Leave a review'),
  maxLines: 4,
);