flutter 常用组件

### Flutter常用UI组件列表及用法

#### 文本展示与输入
- **Text Widget**
用于显示一段文本。可以通过设置`style`属性来自定义字体大小、颜色等样式。

Text(
  '这是一个文本',
  style: TextStyle(fontSize: 20, color: Colors.blue),
)

- **TextField Widget**
提供了一个可编辑的文本框，适用于用户输入文字场景。

TextField(
  decoration: InputDecoration(labelText: "请输入内容"),
)

#### 按钮类组件
- **ElevatedButton (替代了旧版RaisedButton)**
创建一个带有阴影效果的按钮，点击时会有动画反馈[^3]。

ElevatedButton(
  onPressed: () {},
  child: Text('点击'),
)

- **TextButton (替代了旧版FlatButton)**
呈现较为扁平化的按钮形式，通常应用于对话框内部或作为次要操作选项出现。

TextButton(
  onPressed: (){},
  child: Text('取消')
)

#### 列表视图
- **ListView**
允许在一个垂直滚动区域内排列一系列子部件(widget)，支持异构类型的widget组合[^4]。

ListView(
  children: [
    ListTile(title: Text('Item 1')),
    Divider(),
    Container(color:Colors.red,height:50,width:double.infinity,)
  ],
)

#### 图像处理
- **Image Widget**
负责加载并渲染本地资源图片或者网络上的图像文件。

Image.network('http://example.com/image.png');
// 或者使用assets路径下的资源
Image.asset('images/icon.png');

#### 对话框交互
- **AlertDialog**
用来弹出提示消息给用户，并等待用户的确认回应。

showDialog(
  context: context,
  builder: (_) => AlertDialog(
    title: Text("警告"),
    content: Text("这是一条重要通知."),
    actions: <Widget>[
      TextButton(onPressed: (){Navigator.pop(context);},child: Text('确定'))
    ]
  )
);