# flutter_study

**Repository Path**: ml13/flutter_study

## Basic Information

- **Project Name**: flutter_study
- **Description**: Flutter 常用部件使用示例
- **Primary Language**: Dart
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-12-20
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Flutter

## README

<h1 align="center">flutter_study</h1>
<div align="center">Flutter常用widget使用示例，仿OPPO主题商店UI。</div>

### 运行
```
# 安装依赖
flutter pub get

# 运行
flutter run 
```

### 目录结构
```
- asset 资源目录
- lib flutter 代码目录
  - demo_app 
    - study_app 基础使用示例
    - theme_app 仿OPPO主题商店
  - icon iconfont图标
  - router 路由
  - views 首页和登陆
  - main.dart 入口
```

### 截图
<div>
    <img width="24%" src="/demo/demo1.png">
    <img width="24%" src="/demo/demo2.png">
    <img width="24%" src="/demo/demo3.png">
    <img width="24%" src="/demo/demo4.png">
    <img width="24%" src="/demo/demo5.png">
    <img width="24%" src="/demo/demo6.png">
    <img width="24%" src="/demo/demo7.png">
    <img width="24%" src="/demo/demo8.png">
    <img width="24%" src="/demo/demo9.png">
    <img width="24%" src="/demo/demo10.png">
    <img width="24%" src="/demo/demo11.png">
    <img width="24%" src="/demo/demo12.png">
</div>

### 修改LOGO
    ios 对应icon文件地址
    ./ios/Runner/Assets.xcassets/AppIcon.appiconset
 
    android 对应icon文件地址
    ./android/app/src/main/res
    android 图标生成
    http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

### 使用iconfont图标
    设置iconfont 项目id, node iconfont.js 生成对应图标文件
    ./util/iconfont.js

### 参与贡献

非常欢迎你的贡献，你可以通过以下方式一起共建 :smiley:：

- 通过 Issue 报告 bug 或进行咨询。
- 提交 Pull Request 改进 flutter_study 的代码。