flutter container 里面靠左显示 text , 上下左右间隔10

好的，您可以尝试使用Container Widget的属性来实现这个效果，如下所示：

Container(
  padding: EdgeInsets.all(10), // 设置上下左右内边距为10
  alignment: Alignment.centerLeft, // 设置子Widget靠左对齐
  child: Text(
    'Hello, World!',
    style: TextStyle(fontSize: 20),
  ),
);

在这个例子中，我们设置Container Widget的padding属性为EdgeInsets.all(10)，这会将子Widget与Container的上下左右边缘都保留10个逻辑像素的空间。我们还设置Container Widget的alignment属性为Alignment.centerLeft，这会将子Widget靠左对齐。最后，我们将Text Widget作为Container Widget的子Widget，并指定了一个字体大小为20。

您可以根据需要调整Container Widget的padding属性来改变子Widget与Container之间的间距。同时，您还可以使用Container Widget的其他属性，例如color、width、height等来进一步定制显示效果。

相关问题

flutter 超出Container 的宽度，自动换行

您可以使用 `Wrap` 组件来实现超出 `Container` 宽度后自动换行的效果。

示例代码如下：

Wrap(
  spacing: 10, // 间隔
  runSpacing: 10, // 行间距
  children: [
    Container(
      width: 100,
      height: 50,
      color: Colors.blue,
      child: Center(
        child: Text('Container 1'),
      ),
    ),
    Container(
      width: 150,
      height: 50,
      color: Colors.red,
      child: Center(
        child: Text('Container 2'),
      ),
    ),
    Container(
      width: 120,
      height: 50,
      color: Colors.green,
      child: Center(
        child: Text('Container 3'),
      ),
    ),
    Container(
      width: 80,
      height: 50,
      color: Colors.yellow,
      child: Center(
        child: Text('Container 4'),
      ),
    ),
    Container(
      width: 130,
      height: 50,
      color: Colors.orange,
      child: Center(
        child: Text('Container 5'),
      ),
    ),
  ],
)

在这个例子中，我们使用 `Wrap` 组件包裹了多个 `Container` 组件。通过设置 `spacing` 和 `runSpacing` 属性来控制间隔和行间距。当 `Container` 宽度之和超过了父容器的宽度时，`Wrap` 组件会自动换行。您可以根据需要设置每个 `Container` 的宽度和高度。

使用flutter设计一个宽500高300的容器；内部第一行左侧为一个图标和文字，右侧为一个蓝色文字，第二行为稍大一些的文字，第三行第四行和第五行为两个带标题的输入框，两个输入框间隔50

好的，以下是Flutter代码实现：

Container(
  width: 500.0,
  height: 300.0,
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[
      Row(
        children: <Widget>[
          Icon(Icons.info),
          Text('信息', style: TextStyle(fontSize: 18.0)),
          SizedBox(width: 10.0),
          Text('编辑', style: TextStyle(color: Colors.blue)),
        ],
      ),
      SizedBox(height: 10.0),
      Text('标题', style: TextStyle(fontSize: 24.0)),
      SizedBox(height: 10.0),
      Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text('输入框1'),
          SizedBox(height: 5.0),
          TextField(
            decoration: InputDecoration(
              hintText: '请输入内容',
            ),
          ),
        ],
      ),
      SizedBox(height: 50.0),
      Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text('输入框2'),
          SizedBox(height: 5.0),
          TextField(
            decoration: InputDecoration(
              hintText: '请输入内容',
            ),
          ),
        ],
      ),
    ],
  ),
);

希望能够满足您的需求。如果需要更改样式，可以根据需要进行调整。