flutter - Flutter：如何制作这样的编辑文本并删除意外的布局填充

Question

我正在尝试实现这个设计：

我是颤振的初学者，我得到的是：

我不想让你们误会我的意思，我不是要求有人为我实现这个。我需要指导如何：

1. 删除布局填充。
2. 使文本视图和并排编辑文本看起来像一个小部件。
3. 删除编辑文本之间的空格。
4. 实施 CheckBox（我尝试了一行带有复选框和文本的行，没有用）
5. 在“登录”中显示正确的箭头（而不是 ->）。

只是一些解释、指导和任何可能对我的案例有益的文档或教程。

这是我的代码

标签： flutter

Answer 1

1. 删除布局填充。
2. 使文本视图和并排编辑文本看起来像一个小部件。

如果您在 TextFormField 中谈论可以contentPadding在 InputDecoration 中使用，我不确定这一点。但是根据您的布局设计，您可以将 TextFormField 中的 Label 分开并创建自己的标签文本

Row(
 children:[
  Text("LABEL"),
  Expanded(
    child: TextFormField(),
     ) 
   ]
)

4.实现复选框（我尝试了一行带有复选框和文本的行，没有用）

Row(
        children: [
          Checkbox(
              value: isValue,
              onChanged: (bool value) {
                setState(() {
                  isValue = value;
                });
              }),
              Text("SOME TEXT"), //Read RichText widget for your design
        ],
      ),

为你箭头 -> 登录

尝试使用Icon()小部件