# flutter_app

**Repository Path**: creature92/flutter_app

## Basic Information

- **Project Name**: flutter_app
- **Description**: 一个帮助flutter开发者快速上手的app,目前已添加常用widget将近60多种，后期还在不断添加中。
- **Primary Language**: Dart
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 82
- **Created**: 2023-09-14
- **Last Updated**: 2023-09-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## flutter_app

| 一个帮助flutter开发者快速上手的app  

## 预览  

##### 主结构  
<img src="images/1.png" width="200" align="middle" /> 
<img src="images/2.png" width="200" align="middle" />
<img src="images/3.png" width="200" align="middle" />  
<img src="images/4.png" width="200" align="middle" />
<img src="images/5.png" width="200" align="middle" />

##### 基础组件  
<img src="images/6.png" width="200" align="middle" /> 
<img src="images/7.png" width="200" align="middle" />
<img src="images/8.png" width="200" align="middle" />  
<img src="images/9.png" width="200" align="middle" />
<img src="images/10.png" width="200" align="middle" /> 
<img src="images/11.png" width="200" align="middle" /> 
<img src="images/12.png" width="200" align="middle" /> 
<img src="images/13.png" width="200" align="middle" /> 
<img src="images/14.png" width="200" align="middle" /> 
<img src="images/15.png" width="200" align="middle" /> 
<img src="images/16.png" width="200" align="middle" /> 
<img src="images/17.png" width="200" align="middle" /> 

## Flutter简介  

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。  

####  Flutter优点  

1. 混合开发中，最接近原生开发的框架；  
2. 性能强大，流畅；  
3. 优秀的路由设计；  
4. 优秀的动画设计；  
5. 简单易学，Dart语言更具优势；  
6. 跨多种平台，减少开发成本；  
7. 支持插件，可以访问原生系统的调用。  


## 计划
  
- [x] 搜索页面  
- [ ] 基础组件  
  - [x] 基础组件
    - [x] Container  
    - [x] Row
    - [x] Column
    - [x] Image 
    - [x] Text
    - [x] Icon
    - [x] RaisedButton
    - [x] Scaffold
    - [x] Appbar
    - [x] FlutterLogo
    - [x] Placeholder
  - [x] Material Components 
    - [x] BottomNavigationBar
    - [x] TabBar
    - [x] TabBarView
    - [x] MaterialApp
    - [x] WidgetsApp
    - [x] Drawer
    - [x] FloatingActionButton
    - [x] FlatButton
    - [x] IconButton
    - [x] PopupMenuButton
    - [x] ButtonBar
    - [x] TextField
    - [x] Checkbox
    - [x] Radio
    - [x] Switch
    - [x] Slider
    - [x] SimpleDialog
    - [x] BottomSheet
    - [x] ExpansionPanel
    - [x] SnackBar
    - [x] Chip
    - [x] Tooltip
    - [x] DataTable
    - [x] Card
    - [x] LinearProgressIndicator
    - [x] ListTile
    - [x] Stepper
    - [x] Divider
  - [x] Cupertino(iOS风格的widget) 
    - [x] CupertinoActivityIndicator
    - [x] CupertinoAlertDialog
    - [x] CupertinoButton
    - [x] CupertinoSlider
    - [x] CupertinoSwitch
    - [x] CupertinoFullscreenDialogTransition
    - [x] CupertinoNavigationBar
    - [x] CupertinoTabBar
    - [x] CupertinoPageScaffold
    - [x] CupertinoTabScaffold
    - [x] CupertinoTabView
  - [x] Layout 
    - [x] Padding
    - [x] Center
    - [x] Align
    - [x] FittedBox
    - [x] AspectRatio
    - [x] Baseline
    - [x] FractionallySizedBox
    - [x] LimitedBox
    - [x] Offstage
    - [x] OverflowBox
    - [x] SizedBox
    - [x] SizedOverflowBox
    - [x] Transform
  - [ ] Text 
  - [ ] Assets、图片、Icons 
    - [x] Image
  - [ ] Input 
  - [ ] 动画和Motion 
  - [ ] 交互模型 
  - [ ] 样式 
  - [ ] 绘制和效果 
  - [ ] Async 
  - [ ] 滚动 
  - [ ] 辅助功能 
- [x] 常用插件  
  - [ ] 网络请求 
  - [ ] 图像处理 
  - [ ] UI相关 
  - [ ] 视频音频 
  - [ ] 路由与状态管理 
  - [ ] 数据存储与缓存 
  - [ ] 加密相关 
  - [ ] 设备相关 
  - [ ] 地图定位 
  - [ ] WebView 
  - [ ] 支付扩展   

## 运行项目

- 查看版本号
```
flutter --version
```
- 检查开发环境是
```
flutter doctor
```
- 下载依赖
```
flutter packages get
```
- 运行项目
```
flutter run
```  

## 技术交流  
- 微信：li11221107,添加请备注：flutter  

## 微信公众号  
<img src="images/wx.jpg"  width = "270" height = "270"/>