How can i TextField show cursor always - flutter

I want show cursor always in textfield but i couldn't see a solution.
What I want to do is always show the cursor like whatsapp.
I want the cursor to appear even if the keyboard is closed
TextField(
textCapitalization:TextCapitalization.sentences,
minLines: 1,
maxLines: 6,
controller: _textEditingController,
focusNode: _focusNode,
)


TextField(
textCapitalization:TextCapitalization.sentences,
minLines: 1,
maxLines: 6,
autofocus: true, // line Added
controller: _textEditingController,
focusNode: _focusNode,
)

Related

How to display keyboard with only numbers?

I want to display keyboard with only numbers, not Operators or any other symbols in keyboard.
I tried filter output already using inputFormatters in textfield.

You will need to add inputFormatters & keyboardType properties to enable keyboard with number inputs only to your TextField widget.
inputFormatters: <TextInputFormatter>[
WhitelistingTextInputFormatter.digitsOnly,
],
keyboardType: TextInputType.number,

if its in a TextField use this :
keyboardType: TextInputType.number,
inputFormatters: [FilteringTextInputFormatter.digitsOnly],
or you can use this :
keyboardType: TextInputType.phone,
also you can check this package
check this package numeric_keyboard

Use keyboardType property of TextField
keyboardType: TextInputType.number,
inputFormatters: <TextInputFormatter>[
FilteringTextInputFormatter.digitsOnly
],

Here keyboardType is number so it will accept only number,
inputFormatters will format your input what you are typing.
TextField(
keyboardType: TextInputType.number,
inputFormatters:<TextInputFormatter>.
[FilteringTextInputFormatter.digitsOnly]
decoration:InputDecoration(labelText: 'Number')
),

just use this code.
TextFormField(
keyboardType: TextInputType.numberWithOptions(
signed: true, decimal: true),
inputFormatters: [FilteringTextInputFormatter.digitsOnly],
)

Flutter AutofillHints oneTimeCode doesn't work

I want to catch OTP sms code but it doesn't work on IOS.
I need show the code upper of keyboard.
my code block is;
TextField(
controller: controller,
autofillHints: const <String>[AutofillHints.oneTimeCode],
keyboardType: TextInputType.number,
onChanged: onChanged,
),

From Flutter docs at https://master-api.flutter.dev/flutter/material/TextField/autofillHints.html "Some autofill hints only work with specific keyboardTypes". Try changing the keyboardType. For example:
TextField(
controller: controller,
autofillHints: const <String>[AutofillHints.oneTimeCode],
keyboardType: TextInputType.text,
onChanged: onChanged,
),

Force light mode on CupertinoTextField Flutter

I'm developing a mobile app in Flutter, and until now I only designed a light mode UI and everything is working fine, but if I try to add a CupertinoTextField, since my phone is in dark mode it will appear black. Is there an easy way to force it to be light? I wasn't even able to find how to just change its color.
Here's my code:
final TextEditingController _textController = TextEditingController();
CupertinoTextField(
controller: _textController,
keyboardType: TextInputType.multiline,
minLines: 1,
maxLines: 5,
placeholder: 'Type a message'
)

You can change the color by adding a BoxDecoration in the CupertinoTextField
CupertinoTextField(
controller: _textController,
keyboardType: TextInputType.multiline,
minLines: 1,
maxLines: 5,
placeholder: 'Type a message',
decoration: BoxDecoration(
color: Colors.white,
),
)

how to make can a TextField content's type can be number and letter if obscureText property is true

using a TextField and its obscureText property is true, how can I input some letter, now only the number can be input
obscureText:true,
textInputFormatter: WhitelistingTextInputFormatter(RegExp("[a-zA-Z0-9]"))
I want to make the TextField's input can be both letters and numbers

The obscureText property should not matter.
If you want to input letters and numbers,
then you have to use the keyboardType property.
For example:
keyboardType: TextInputType.text
BR

keyboardType: TextInputType.emailAddress,
TextFormField(
textInputAction: TextInputAction.next,
focusNode: secondFocusNode,
keyboardType: TextInputType.emailAddress,
controller: emailController,
),

How to disable predictive text in TextField of Flutter?

I want to disable predictive text which comes in the keyboard of a textfield. It is not so difficult in native android and IOS but I have not found a solution in a Flutter.
I have tried using autocorrect: false and changing keyboardtypes but it is not working.
TextField(
autocorrect: false,
keyboardType: TextInputType.emailAddress,
decoration: new InputDecoration(hintText: "Enter text"),
autofocus: true,
),

If neither enableSuggestions nor autocorrect can solve the problem, try setting keyboardType to TextInputType.visiblePassword.

You can try to add enableSuggestions = false to your textfield widget. This should disable the predictive text from your keyboard as supposed to https://github.com/flutter/flutter/pull/42550.
TextField(
autocorrect: false,
enableSuggestions: false,
keyboardType: TextInputType.emailAddress,
decoration: new InputDecoration(hintText: "Enter text"),
autofocus: true,
),

At the time of writing this answer, this is not yet available in Android. But using autocorrect: false on iOS should work fine.
Check: https://github.com/flutter/flutter/issues/22828

This worked for me on both iOS and android
TextField(
autocorrect: false,
obscureText: true,
controller: answerText,
textAlign: TextAlign.center,
keyboardType: TextInputType.text,
textInputAction: TextInputAction.done,
autofocus: true,
onChanged: (value) {
setState(() {
result = value;
});
},),
The only downside is that it obscure from the screen what is written. A workaround is to add somewhere in the screen Text(result)