flutter - 如何在 textField 中添加容器？

Question

我尝试将 textField 包装成一行并向该行添加一个容器，但它会引发错误并且表单的其余部分不会呈现。并且使用 textField 的前缀属性也不起作用，因为在按下 textField 时会显示容器，但我希望即使在 textField 未激活时也能看到它。

这是手机号码所需的用户界面。我正在尝试建立的领域

标签： flutterdart

Answer 1

Container(
  decoration: BoxDecoration(
    color: Colors.grey[200],
    borderRadius: BorderRadius.circular(8),
  ),
  child: Row(
    children: [
      Container(
        height: 50,
        alignment: Alignment.center,
        padding: const EdgeInsets.symmetric(
          horizontal: 8,
        ),
        decoration: BoxDecoration(
          color: Colors.blue,
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(8),
            bottomLeft: Radius.circular(8),
          ),
        ),
        child: Text(
          "+91",
          style: TextStyle(
            color: Colors.white,
          ),
        ),
      ),
      Expanded(
        child: Padding(
          padding: const EdgeInsets.symmetric(
            horizontal: 12,
          ),
          child: TextField(
            decoration: InputDecoration(
              border: InputBorder.none,
              hintText: "Mobile No."
            ),
          ),
        ),
      )
    ],
  ),
)

结果：