使用flutter设计一个宽500高300的容器;内部第一行左侧为一个图标和文字,右侧为一个蓝色文字,第二行为稍大一些的文字,第三行第四行和第五行为两个带标题的输入框,两个输入框间隔50
时间: 2024-02-25 09:59:32 浏览: 107
揭秘!一个高准确率的Flutter埋点框架如何设计
好的,以下是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: '请输入内容',
),
),
],
),
],
),
);
```
希望能够满足您的需求。如果需要更改样式,可以根据需要进行调整。
阅读全文