在flutter中设计一个标题在左侧的输入框，标题和输入框间距为10，均为白色字体，标题和输入框下方有下划线

可以使用`Container`和`TextField`来实现这个布局。具体代码如下：

Container(
  margin: EdgeInsets.only(left: 10.0),
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Text(
        '标题',
        style: TextStyle(
          color: Colors.white,
          fontSize: 16.0,
        ),
      ),
      SizedBox(height: 10.0),
      TextField(
        style: TextStyle(
          color: Colors.white,
          fontSize: 16.0,
        ),
        decoration: InputDecoration(
          border: UnderlineInputBorder(
            borderSide: BorderSide(
              color: Colors.white,
            ),
          ),
          enabledBorder: UnderlineInputBorder(
            borderSide: BorderSide(
              color: Colors.white,
            ),
          ),
          focusedBorder: UnderlineInputBorder(
            borderSide: BorderSide(
              color: Colors.white,
            ),
          ),
          hintText: '请输入内容',
          hintStyle: TextStyle(
            color: Colors.white,
            fontSize: 16.0,
          ),
        ),
      ),
    ],
  ),
);

在上面的代码中，我们使用了`Container`作为父容器，并给它设置了`margin`属性来实现标题和输入框之间的距离。接着，我们使用`Column`来将标题和输入框垂直排列，并设置了`crossAxisAlignment`为`CrossAxisAlignment.start`，使得它们左对齐。然后，我们分别使用`Text`和`TextField`来显示标题和输入框，并设置了它们的样式。最后，我们使用`InputDecoration`来设置输入框的边框和提示文本的样式，并将其传递给`TextField`的`decoration`属性。