Hide Textfield Blinking Cursor

$(document).ready(  function() {    $("textarea").addClass("-real-textarea");    $(".textarea-wrapper").append("<textarea class=\"hidden\"></textarea>");    $(".textarea-wrapper textarea.hidden").keyup(      function() {        $(".textarea-wrapper textarea.-real-textarea").val($(this).val());      }    );    $(".textarea-wrapper textarea.-real-textarea").focus(      function() {        $(this).parent().find("textarea.hidden").focus();      }    );  });

.textarea-wrapper {  position: relative;}
.textarea-wrapper textarea {  background-color: white;}
.textarea-wrapper,.textarea-wrapper textarea {  width: 500px;  height: 500px;}
.textarea-wrapper textarea.hidden {  color: white;  opacity: 0.00;  filter: alpha(opacity=00);  position: absolute;  top: 0px;  left: 0px;}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><div class="textarea-wrapper">  <textarea></textarea></div>

Flutter: how to hide Cursor's belly on textfield

Thanks to @Dude comment, I was finally able to solve this according to this answer.

full code:

@override
Widget build(BuildContext context) {
  return MaterialApp(
    title: 'Flutter Demo',
    theme: ThemeData(
      textSelectionHandleColor: Colors.transparent, /// <- Added
      cursorColor: Colors.lightGreen[800],
      primaryColor: Colors.green,
      accentColor: Colors.lightGreen[800],
      fontFamily: 'NewRomanTimes',
      textTheme: TextTheme(
        headline1: TextStyle(fontSize: 72.0, fontWeight: FontWeight.bold),
        headline6: TextStyle(fontSize: 36.0, fontStyle: FontStyle.italic),
      )
    ),
    home: MyHomePage()
  );
}

How to hide a blue cursor in a textfield and a keyboard?

The textfield cursor color is based on the default tint color. In your case it's blue. I would change the tint color to clear color.

linkField.tintColor = UIColor.clearColor()

For the edited question, if you just want to dismiss the keyboard then

linkField.resignFirstResponder()

will dismiss the keyboard and when you want focus again use

linkField.becomeFirstResponder()

Hide TextField's cursor when unfocused

You can listen to keyboard close event via eg. flutter_keyboard_visibility and then call FocusScope.of(context).unfocus():

@override
void initState() {
  super.initState();
  KeyboardVisibility.onChange.listen((bool visible) {
    if (!visible) FocusScope.of(context).unfocus();
  });
}

If you already have your own way to detect that user is done with editing the text, then just call FocusScope.of(context).unfocus(); -- it will disable the cursor and close the keyboard.

---

Related Topics