在flutter文本字段中从上到下更改光标位置

lsmd5eda  于 2023-01-09  发布在  Flutter
关注(0)|答案(2)|浏览(191)
    • bounty将在7天后过期**。回答此问题可获得+50声望奖励。Minato希望引起更多人对此问题的关注:需要永久性解决方案并提供合理解释

需要更改textformfield中光标的位置。我设法将光标的高度减少了1,但光标的位置仍然在顶部。无法将其移动到底部。我想要实现的是

但我的成就是

有没有办法在flutter中实现呢?我的代码示例

TextFormField(
  style: TextStyle(
    color: Theme.of(context).textTheme.bodySmall?.color,
    fontSize: 14,
  ),
  minLines: 1,
  maxLines: 1,
  maxLength: 300,
  cursorColor: Theme.of(context).hintColor,
  textAlignVertical: TextAlignVertical.center,
  cursorHeight: 1,
  cursorWidth: 15,
);
yshpjwxd

yshpjwxd1#

在TextFormField高度中添加样式:0.1

TextFormField(
          style: TextStyle(
            color: Theme.of(context).textTheme.bodySmall?.color,
            fontSize: 14,
            height: 0.1, // you need to add this only
          ),
          minLines: 1,
          maxLines: 1,
          maxLength: 300,
          cursorColor: Theme.of(context).hintColor,
          textAlignVertical: TextAlignVertical.center,
          cursorHeight: 1,
          cursorWidth: 15,
        ),

对于库比蒂诺文本字段

CupertinoTextField(
          placeholder: 'search',
          style: TextStyle(
            height: 0.1,
            fontSize: 20,
          ),
          cursorHeight: 1,
          cursorWidth: 15,
        ),
r1zk6ea1

r1zk6ea12#

TextFormField在style中具有height属性-您可以在高度上应用0.0以实现输出。此外,从bottomtop填充中,您可以使用contentPadding,以便您可以从左上角到右下角应用或删除从光标到输入行的填充:x1c 0d1x

return Scaffold(
      appBar: AppBar(),
      body: TextFormField(
        style: TextStyle(
          color: Theme.of(context).textTheme.bodySmall?.color,
          fontSize: 26,
          height: 0.0, // you need to add this only
        ),
        minLines: 1,
        maxLength: 300,
        cursorColor: Theme.of(context).hintColor,
        textAlignVertical: TextAlignVertical.center,
        cursorHeight: 1,
        cursorWidth: 15,
        decoration: const InputDecoration(
            contentPadding: EdgeInsets.zero, border: InputBorder.none),
      ),
    );

相关问题