# flutter_widgets

**Repository Path**: hx-studio/flutter_widgets

## Basic Information

- **Project Name**: flutter_widgets
- **Description**: flutter 一些widgets的demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-02
- **Last Updated**: 2025-08-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Flutter Widgets 示例集合

本项目基于 `Flutter 2.2.1` 版本，是系列 Flutter Widget 示例源码，有对应的文章详细讲解，持续更新敬请关注。

[在线预览](https://yy1300326388.github.io/flutter_widgets/#/)

## 全景脑图

> 持续更新中

![](Flutter%20Widgets.png)

## 掘金专栏
- [欢迎关注](https://juejin.cn/column/6968894876251324447)


## 已完成文章

- [x] [AnimatedContainer](https://juejin.cn/post/6969359031903191077)
- [x] [ClipRRect、ClipRect、ClipOval、ClipPath、CustomClipper](https://juejin.cn/post/6969724856514379790)
- [x] [AnimatedPadding、AnimatedAlign、AnimatedPositioned、AnimatedOpacity](https://juejin.cn/post/6970295764983480333)
- [x] [AnimatedCrossFade、AnimatedSize、AnimatedSwitcher](https://juejin.cn/post/6970544147031654431)
- [x] [Flutter 中 ListView 的 4 种构建方式详解](https://juejin.cn/post/6971076180317470728)
- [x] [Flutter 中 GridView 的 522 构建方式详解](https://juejin.cn/post/6971448242349277198)
- [x] [Flutter 中 Wrap 的使用详解（含对比图）](https://juejin.cn/post/6971813403388018702)
- [x] [Flutter 中 Column、Row、Flex 的使用详解（含对比图）](https://juejin.cn/post/6972187100980445192)