如何将 TextField 的 labelText 和图标移到右侧

Question

我想将图标和标签文本移动到文本字段的右侧。我试过了，textAlign: TextAlign.right但它仅适用于输入文本。

    TextFormField(
      textAlign: TextAlign.right,
      textDirection: TextDirection.rtl,
      keyboardType: TextInputType.multiline,
      maxLines: 2,
      decoration: const InputDecoration(
        icon: Icon(Icons.description),  
        labelText: 'details',
      ),
  ),

Answer 1

使用 suffixIcon，在装饰容器内出现在文本字段的可编辑部分之后和 suffix 或 suffixText 之后的图标。官方API文档

TextFormField(
    textAlign: TextAlign.right,
    decoration: InputDecoration(
       hintText: "Enter a message",
       suffixIcon: Icon(Icons.description),
    ),
),

这正是您所需要的，您需要自定义一些样式

@override
  Widget build(BuildContext context) {
    return Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Container(
              width: 200,
              child: TextFormField(
                textAlign: TextAlign.right,
                decoration: InputDecoration(
                  hintText: "Enter a message",
                ),
              ),
            ),
            Container(
              child: Icon(Icons.description),
            ),
          ],
    );
  }