Flutter 定制TextField设计颤振

我想实现下面的设计，但我不知道如何定制，我仍然是一个新手在颤振

我知道如何使用

TextFields

，但不知道如何解决这个问题：

有关更多自定义信息，请参阅注释中指定的文档

   Container(
      decoration: BoxDecoration(
        color: Colors.grey[200],
        borderRadius: BorderRadius.circular(30),
      ),
      padding: const EdgeInsets.only(left: 25, right: 20),
      margin: const EdgeInsets.fromLTRB(20,10,20,10),
      child: TextField(
        decoration: InputDecoration(
          hintText: "Email",
          border: InputBorder.none,
        ),
      ),
    ),
    Container(
      decoration: BoxDecoration(
        color: Colors.grey[200],
        borderRadius: BorderRadius.circular(30),
      ),
      padding: const EdgeInsets.only(left: 25, right: 20),
      margin: const EdgeInsets.fromLTRB(20,10,20,10),
      child: TextField(
        decoration: InputDecoration(
          hintText: "Password",
          border: InputBorder.none,
        ),
        obscureText: true,
      ),
    ),

输出：

有关更多自定义信息，请参阅注释中指定的文档

   Container(
      decoration: BoxDecoration(
        color: Colors.grey[200],
        borderRadius: BorderRadius.circular(30),
      ),
      padding: const EdgeInsets.only(left: 25, right: 20),
      margin: const EdgeInsets.fromLTRB(20,10,20,10),
      child: TextField(
        decoration: InputDecoration(
          hintText: "Email",
          border: InputBorder.none,
        ),
      ),
    ),
    Container(
      decoration: BoxDecoration(
        color: Colors.grey[200],
        borderRadius: BorderRadius.circular(30),
      ),
      padding: const EdgeInsets.only(left: 25, right: 20),
      margin: const EdgeInsets.fromLTRB(20,10,20,10),
      child: TextField(
        decoration: InputDecoration(
          hintText: "Password",
          border: InputBorder.none,
        ),
        obscureText: true,
      ),
    ),

输出：

请参阅文档：特别是，请查看InputEdition部分：。您可以使用InputDecoration自定义大部分内容。请参阅文档：特别是，请查看InputDecoration部分：。您可以使用InputDecoration自定义大部分内容。