Flutter TextField 设置默认值和光标位置

深藏阁楼爱情的钟 2023-10-07 16:53 17阅读 0赞

Flutter TextField 是一个文本输入框，可以结合使用 TextEditingController 来获取输入框中的内容以及设置 TextField 中默认显示的内容

TextEditingController _textEditingController = new TextEditingController();
    
      TextField(
        controller: _textEditingController,
      ),

一般我们设置默认显示的内容时可以这样

_textEditingController.text ="早起的年轻人";

这样导致的问题就是设置值后，输入框的光标会显示在文本最前面，用户体能不好，我们期望的是光标保持在文本最后，所有可以这样来设置

String textStr ="早起的年轻人";
    _textEditingController.value = TextEditingValue(
            text: textStr,
            selection: TextSelection.fromPosition(
                TextPosition(
                    affinity: TextAffinity.downstream,
                    offset: textStr.length)));

如果你有兴趣 你可以关注一下公众号 biglead 来获取最新的学习资料。

*  [Flutter 从入门 到精通系列文章在这里][Flutter _]
 *  [当然也必需是要有源码的 在这里了][Link 1]
 *  [github 有点慢 不妨来看看码云的源码吧][github _]
 *  [系列学习教程在这里][Link 2]

[Flutter _]: https://blog.csdn.net/zl18603543572/article/details/93532582
[Link 1]: https://gitee.com/android.long/flutter-ho/blob/279b5185f50a3379c71a74fc6c51b421f59c0354/lib/src/pages/demo/demo18/demo_DateRangPage.dart
[github _]: https://github.com/zhaolongs
[Link 2]: https://study.163.com/instructor/1021406098.htm?_trace_c_p_k2_=09d88ef1f37645abadcc2b58620d4b00

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter TextField 设置默认值和光标位置

Flutter TextField 是一个文本输入框，可以结合使用 TextEditingController 来获取输入框中的内容以及设置 TextField 中默认显示的内

深藏阁楼爱情的钟/ 2023年10月07日 16:53/ 0 赞/ 18 阅读

相关 input、textarea设置光标位置 | ele.setSelectionRange()

> 点击按钮触发textarea的focus时，默认光标的位置在最左边； > > 需求：focus时让光标的位置处于最右侧 -------------------- C

拼搏现实的明天。/ 2023年02月20日 02:58/ 0 赞/ 263 阅读

相关光标所在位置插入一串字符，并在特定位置设置光标锁定位置

在写一个小型的编辑器时，有很多的鼠标点击事件，用于设定markdown语法。那么如何获取光标的所在位置，并插入一串字符，且将光标定位到特定位置？接下来就是在网上查看的方法

喜欢ヅ旅行/ 2022年07月28日 09:22/ 0 赞/ 248 阅读

相关 JS-设置input光标位置

设置input光标位置： <!DOCTYPE html> <html> <head> <meta chars

àì夳堔傛蜴生んèń/ 2022年05月13日 01:52/ 0 赞/ 384 阅读

相关定位input的光标，设置光标的位置

最近遇到一个需求，用户在输入框里输入文本的时候，每输入一个字符都要转换成大写，看起来比较简单，但是输入完后在中间插入删除的时候，每添加或者删除一个字符的时候input框

灰太狼/ 2021年11月11日 04:08/ 0 赞/ 908 阅读

相关 Flutter Widget => TextField

const TextField({ Key key, this.controller, //控制器，控制TextF

拼搏现实的明天。/ 2021年10月01日 10:18/ 0 赞/ 481 阅读

相关 flutter 文本框组件TextField

文本框组件 TextField( maxLines: , 设置后即可将文本框改成多行文本框 maxLe

朴灿烈づ我的快乐病毒、/ 2021年07月24日 17:45/ 0 赞/ 658 阅读

相关 js 动态设置input光标位置、选中

input节点.setSelectionRange(开始索引, 接收索引, 方向); 方向:"forward","backward"和"none" 3个可选值

超、凢脫俗/ 2021年07月24日 11:43/ 0 赞/ 938 阅读

相关 Flutter TextField设置内容并保持光标(cursor)在末尾

正如上篇内容一样，实现textfiled内容填充，并保持光标在尾部。代码很简单 TextField( controller: TextE...

ゝ一世哀愁。/ 2021年06月12日 13:43/ 0 赞/ 1009 阅读

相关 flutter textfield hinttext居中对齐

问题：在flutter中使用textFiled外面包裹一层Container中，设置外面Container的Alignment属性也没用，设置居中也没用，hinttex...

亦凉/ 2021年06月06日 15:21/ 0 赞/ 941 阅读