flutter如何在TextField中修改光标的内容和高度

时间:2020-07-16 14:04:43

标签: flutter flutter-layout

这张图片中的光标和文字是我想要的 enter image description here

但是我的演示看起来像这样。文本和光标很小并且没有填充

enter image description here

代码

limits.h

3 个答案:

答案 0 :(得分:0)

您可以使用pytest_helm_charts/utils.py:36: error: "Type[T]" has no attribute "objects" 来实现:

CupertinoTextField

答案 1 :(得分:0)

您可以使用输入修饰参数content-padding来减小文本字段的限制区域和TextForm style parameter之间的空间,以增大文本和光标的高度。
这是一个代码示例

  TextEditingController searchController =
      new TextEditingController(text: 'search');
  FocusNode focusNode = new FocusNode();

  @override
  Widget build(BuildContext context) {
    return TextField(
      key: Key("buy_subject_input"),
      autofocus: true,
      focusNode: focusNode,
      cursorColor: Colors.black,
      style: TextStyle(fontSize: 22, height: 2.0),
      decoration: InputDecoration(
        contentPadding: EdgeInsets.symmetric(vertical: 2.0),
        hintStyle: TextStyle(
          color: Colors.black,
        ),
        prefixIcon: Icon(
          Icons.search,
          color: Colors.black,
        ),
        fillColor: Colors.white,
        filled: true,
        border: UnderlineInputBorder(
          borderSide: BorderSide.none,
          borderRadius: BorderRadius.all(Radius.circular(5)),
        ),
      ),
      controller: searchController,
    );
  }
}

您还可以使用cupertino文本字段来设置与iphone相同的布局
代码示例

CupertinoTextField(
      prefix: Icon(Icons.search),
      placeholder: 'search',
    );  

答案 2 :(得分:0)

到处搜索后我终于找到了你必须给出样式:TextStyle( 高度:2.0, ),增加光标高度。

 TextField(
     style: TextStyle(
     height: 2.0,
     ),
     decoration: InputDecoration(
                    isDense: true,
                    contentPadding: EdgeInsets.only(
                        bottom: 15, top: 15, left: 10, right: 10)),
     ),