flutter常用小组件

1. Container：

Container(
  width: 200,
  height: 200,
  color: Colors.blue,
  child: Text('Hello'),
)

2. Text：

Text(
  'Hello, World!',
  style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
)

3. Image：

Image.network(
  'https://example.com/image.jpg',
  width: 200,
  height: 200,
)

4. ListView：

ListView(
  children: <Widget>[
    Text('Item 1'),
    Text('Item 2'),
    Text('Item 3'),
  ],
)

5. Column：

Column(
  children: <Widget>[
    Text('Item 1'),
    Text('Item 2'),
    Text('Item 3'),
  ],
)

6. Row：

Row(
  children: <Widget>[
    Text('Item 1'),
    Text('Item 2'),
    Text('Item 3'),
  ],
)

7. Stack：

Stack(
  children: <Widget>[
    Container(
      width: 200,
      height: 200,
      color: Colors.blue,
    ),
    Text('Hello'),
  ],
)

8. AppBar：

AppBar(
  title: Text('My App'),
  actions: <Widget>[
    IconButton(
      icon: Icon(Icons.settings),
      onPressed: () {
        // 打开设置页面
      },
    ),
  ],
)

9. TextField：

TextField(
  decoration: InputDecoration(
    labelText: '请输入用户名',
  ),
  onChanged: (value) {
    // 处理输入改变事件
  },
)

10. Button：

ElevatedButton(
  onPressed: () {
    // 按钮点击事件处理代码
    print("按钮被点击了");
  },
  child: Text('点击我'),
)

11. AlertDialog：

ElevatedButton(
  onPressed: () {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text('提示'),
          content: Text('确定要删除吗？'),
          actions: <Widget>[
            TextButton(
              child: Text('取消'),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
            TextButton(
              child: Text('确定'),
              onPressed: () {
                // 执行删除操作
                Navigator.of(context).pop();
              },
            ),
          ],
        );
      },
    );
  },
  child: Text('显示对话框'),
)

12. SnackBar：

ElevatedButton(
  onPressed: () {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text('操作成功'),
      ),
    );
  },
  child: Text('显示消息'),
)