flutter textfiled填入内容

最新推荐文章于 2023-10-24 10:34:51 发布

xudailong_blog

最新推荐文章于 2023-10-24 10:34:51 发布

阅读量588

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter开发文章标签： flutter app textfiled

本文链接：https://blog.youkuaiyun.com/xudailong_blog/article/details/97236804

Flutter开发专栏收录该内容

93 篇文章

订阅专栏

场景：在历史搜索过程中，点击某个搜索热点词，自动将该词填入，并进行搜索。

如下gif图：

在这里插入图片描述

这时候我们自动填充教师资格证的内容，然后可以进行删除重新操作等，此时用的不再是hintText这个属性，而是用TextEditingController来进行控制，

具体代码如下：

  Widget searchBar() {
    TextEditingController controller = TextEditingController.fromValue(
        TextEditingValue(
            text: _searchContent,
            selection: new TextSelection.fromPosition(TextPosition(
                affinity: TextAffinity.downstream,
                offset: _searchContent.length))));

    return Container(
      child: Row(
        children: <Widget>[
          Expanded(
            child: Container(
              alignment: Alignment.center,
              child: Padding(
                padding: EdgeInsets.only(left: 10),
                child: TextField(
                  controller: controller,
                  decoration: InputDecoration(
                    hintText: "请输入想搜索的内容 $_searchContent",
                    border: InputBorder.none,
                  ),
                  onChanged: searchContentChange,
                  style:
                      TextStyle(color: MyColorRes.subTextColor, fontSize: 14),
                  onSubmitted: (content) {
                    if (content.isNotEmpty) {
                      print("content onSubmitted ===============    $content");
                      _searchContent = content;
                      getSearchContentResult();
                    }else {
                      ToastUtil.showBottomToast("请输入搜索内容");
                    }
                  },
                ),
              ),
              decoration: BoxDecoration(
                color: MyColorRes.divideLine,
                borderRadius: BorderRadius.all(Radius.circular(20)),
                border: Border.all(color: Colors.white, width: 1.0),
              ),
            ),
            flex: 1,
          ),
          Container(
            margin: const EdgeInsets.only(right: 10, left: 10),
            child: InkWell(
              onTap: () {
                Application.router.pop(context);
              },
              child: Text(
                "取消",
                style: TextStyle(color: Colors.black, fontSize: 16),
              ),
            ),
          )
        ],
      ),
      height: 40.0,
    );
  }