Update (August 2022): still the same as of flutter 3.0.5 Update (April 2021): still work in flutter 2.0.4 As of flutter 1.17.5 (and still the same in 2.X) to completely remove or manipulate the padding manually, first you must set isDense: true and then you can adjust the contentPadding as you wanted or apply padding … Read more
Works on Android, iOS, Web, macOS, Windows and Linux You can implement a custom TextInputFormatter class UpperCaseTextFormatter extends TextInputFormatter { @override TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) { return TextEditingValue( text: newValue.text.toUpperCase(), selection: newValue.selection, ); } } Usage: TextField( inputFormatters: [ UpperCaseTextFormatter(), ] ) Full example
Alert is quite limited at the moment, but you can roll your own solution in pure SwiftUI. Here’s a simple implementation of a custom alert with a text field. struct TextFieldAlert<Presenting>: View where Presenting: View { @Binding var isShowing: Bool @Binding var text: String let presenting: Presenting let title: String var body: some View { … Read more
What your looking for is – enabledBorder property of InputDecoration. If you want to Change Border on focus use – focusedBorder TextField( decoration: new InputDecoration( focusedBorder: OutlineInputBorder( borderSide: BorderSide(color: Colors.greenAccent, width: 5.0), ), enabledBorder: OutlineInputBorder( borderSide: BorderSide(color: Colors.red, width: 5.0), ), hintText: ‘Mobile Number’, ), ),
tl;dr: Having been asked in private about the following setup quite a few times, I decided to add a demo for it (Bootstrap 4 + jQuery + Font Awesome input-group setup): $(‘.btn-plus, .btn-minus’).on(‘click’, function(e) { const isNegative = $(e.target).closest(‘.btn-minus’).is(‘.btn-minus’); const input = $(e.target).closest(‘.input-group’).find(‘input’); if (input.is(‘input’)) { input[0][isNegative ? ‘stepDown’ : ‘stepUp’]() } }) .inline-group { … Read more
Make it readonly ! <%= location.text_field :country,:readonly => true%>
I suppose you are looking for FocusNode. To listen to focus change, you can add a listner to the FocusNode and specify the focusNode to TextField. Example: class TextFieldFocus extends StatefulWidget { @override _TextFieldFocusState createState() => _TextFieldFocusState(); } class _TextFieldFocusState extends State<TextFieldFocus> { FocusNode _focus = FocusNode(); TextEditingController _controller = TextEditingController(); @override void initState() { … Read more
You can create a binding with a custom closure, like this: struct ContentView: View { @State var location: String = “” var body: some View { let binding = Binding<String>(get: { self.location }, set: { self.location = $0 // do whatever you want here }) return VStack { Text(“Current location: \(location)”) TextField(“Search Location”, text: binding) … Read more
It looks like it’s caused by the splash effect on the textfield. I couldn’t find a way to disable it for that specific widget but you can make it transparent by wrapping your TextField in a Theme widget and setting the splashColor to transparent: Theme( data: Theme.of(context).copyWith(splashColor: Colors.transparent), child: TextField( autofocus: false, style: TextStyle(fontSize: 22.0, … Read more
Implementation Import dependencies: import ‘dart:async’; In your widget state declare a timer: Timer? _debounce; Add a listener method: _onSearchChanged(String query) { if (_debounce?.isActive ?? false) _debounce.cancel(); _debounce = Timer(const Duration(milliseconds: 500), () { // do something with query }); } Don’t forget to clean up: @override void dispose() { _debounce?.cancel(); super.dispose(); } Usage In your … Read more