zoukankan      html  css  js  c++  java
  • Flutter TextField输入内容后 保持光标在最后

    class InputPage extends StatefulWidget {
      InputPage({Key key}) : super(key: key);

      @override
      _InputPageState createState() => _InputPageState();
    }

    class _InputPageState extends State<InputPage> {
      TextEditingController inputController;
      String value;
      @override
      void initState() {
        super.initState();
        inputController = TextEditingController.fromValue(
          TextEditingValue(
            // 设置内容
            text: value,
            // 保持光标在最后
            selection: TextSelection.fromPosition(
              TextPosition(
              affinity: TextAffinity.downstream,
              offset: value.length,
            ),
          ),
        ),
      );
    }

    @override
    Widget build(BuildContext context) {
      return Scaffold(
            resizeToAvoidBottomPadding: false, // 防止键盘顶起内容
            body: Stack(
            children: <Widget>[
              Container(
                padding: EdgeInsets.symmetric(horizontal: 15.0),
                margin: EdgeInsets.only(top: 24),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    TextInput(
                      inputController: inputController,
                      height: 180,
                      maxLength: 50,
                      maxLines: 20,
                      placeholder: 'placeholder',
                      value: value,
                      showLength: true,
                      changeVal: (val) {
                        value = val;
                        setState(() {});
                    }),
                  ],
                ),
              ),
            ],
          ),
        );
      }
    }

  • 相关阅读:
    构建一个真实的应用电子商务SportsStore3
    关于计算程序运行时间的方法汇总
    系统分析员备考之CMM篇
    大数据时代的技术hive:hive的数据类型和数据模型
    图片滚动图片的效果
    React初探
    所有的分页查询一览及数据导出(easyui + knouckoutjs + mvc4.0)
    golang微信公众平台之人脸识别
    测试rest接口的两个工具使用详解(restclient+soapUI)
    Linux系统服务基础
  • 原文地址:https://www.cnblogs.com/jia-ze/p/13934668.html
Copyright © 2011-2022 走看看