# flutter_shop

**Repository Path**: manageritcast/flutter_shop

## Basic Information

- **Project Name**: flutter_shop
- **Description**: 使用flutter创建的商城项目
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-03-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# flutter_shop

A new Flutter project.

## 创建项目

flutter create flutter_shop

## 安装第三方包

1、pubspec.yaml中添加如下代码

```yaml
dependencies:
  flutter:
    sdk: flutter

  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.2
  dio: ^3.0.9
  flutter_swiper: ^1.1.6
  flutter_screenutil: ^1.1.0
  url_launcher: ^5.4.2
  flutter_easyrefresh: ^2.1.0
  provide: ^1.0.2
  fluttertoast: ^4.0.0
```

2、执行 `flutter pub get` 去安装包

3、第三方包搜索网址：https://pub.dev/

4、第三方包说明

```shell
# cupertino_icons
苹果风格的图标

# dio
网络请求

# flutter_swiper
轮播图

# flutter_screenutil
屏幕适配

# url_launcher
打电话、打开网页

# flutter_easyrefresh 
下拉刷新、上拉加载更多
```

## Dart常见工具类

> convert

作用：进行json转换

> 字典转模型

```dart
# 字典转模型在线网址
https://javiercbk.github.io/json_to_dart/
```

## 关于部件

> Stack

```
层叠组件

常用属性：
	Positioned

使用场景：
	固定布局等
```

> Wrap

```
流式布局

常用属性：
	spacing: 每行显示多少列
	children: 子元素数组
```

> 异步加载组件 FutureBuilder

```shell
常见属性:
	future: 异步加载的方法
	builder: 渲染异步组件的实现
```

> GridView

```shell
常见属性：
	physics: 是否禁止回弹效果
	padding: 间距
	crossAxiosCount: 每行显示的列数
	children: 子组件数组
	
常见用法：
```

> ListView

```shell
常见属性：
	itemCount: 个数
	itemBuilder: 构建每一个子项
```

> Expanded

```
有伸缩能力的小部件，继承自Flexible
```

> FutureBuilder

```
异步加载
```

## 屏幕适配

> Expanded

```
官方自带的，可以在ListView中，不需要设置固定高度，让它自适应
```

## 全局状态管理

> Provide

```
https://pub.dev/packages/provide
```