As of 0.20.1 you can helperText and error props <TextField hintText=”Phone” error ={this.state.errorText.length === 0 ? false : true } floatingLabelText=”Phone” name=”phone” helperText={this.state.errorText} onChange={this.onChange.bind(this)}/>
It’s safer to use Date objects for datetime stuff, e.g. isLeap = new Date(year, 1, 29).getMonth() == 1 Since people keep asking about how exactly this works, it has to do with how JS calculates the date value from year-month-day (details here). Basically, it first calculates the first of the month and then adds N … Read more
EDIT: as pointed out below and in the documentation, my original answer (below) is now deprecated and you should use .tint instead. Or if you want all text fields and other UI elements in your app to be the same you can customize your app’s global accentColor. Original answer: Tried it out and .accentColor does … Read more
You can use the autofocus:true property of the TextField: Whether this text field should focus itself if nothing else is already focused. So whenever the widget appears on screen, if theres nothing else with the keyboard focus, the focus will automatically be directed to it, thus opening the keyboard. TextField(TextEditingController: controller, focusNode: focusNode, autofocus:true)
The basic idea is, that the cursor’s color is the same as the text’s color. So the first thing you do is make the text transparent, thus taking the cursor away with it. Then you can make the text visible again with a text shadow. Use this link to see it live in jsfiddle. input[type=”text”]{ … Read more
You can also change its color by following ways. Wrap your TextField in Theme and provide accentColor Theme( data: Theme.of(context).copyWith(accentColor: Colors.red), child: TextField(), ) Using inputDecoration property. TextField( decoration: InputDecoration( focusedBorder: UnderlineInputBorder( borderSide: BorderSide(color: Colors.red), ), ), )
Divider A visual element that can be used to separate other content. You can set color and height Divider() .frame(height: 1) .padding(.horizontal, 30) .background(Color.red) struct LoginField: View { @State private var email: String = “” @State private var password: String = “” var body: some View { VStack { TextField(“Email”, text: $email) .padding(.horizontal, 30).padding(.top, 20) … Read more
You will have to provide a specific width to the TextField, simply provide width in your Container or wrap your Column in Expanded. Solution 1 Container( width: 100, // do it in both Container child: TextField(), ), Solution 2 Row( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: <Widget>[ Expanded( // wrap your Column in Expanded child: Column( … Read more
try this: inputFormatters: [ FilteringTextInputFormatter.allow(RegExp(r”[0-9.]”)), TextInputFormatter.withFunction((oldValue, newValue) { final text = newValue.text; return text.isEmpty ? newValue : double.tryParse(text) == null ? oldValue : newValue; }), ], demo: TextFormField( keyboardType: TextInputType.numberWithOptions( decimal: true, signed: false, ), onChanged: _yourOnChange, inputFormatters: [ FilteringTextInputFormatter.allow(RegExp(r”[0-9.]”)), TextInputFormatter.withFunction((oldValue, newValue) { final text = newValue.text; return text.isEmpty ? newValue : double.tryParse(text) == null … Read more
Just use django’s safe filter. In your template you would do something like this: {{ instance.my_text_field|safe }}