文章目录

一、Flutter Gallery 简介

二、Flutter Gallery 项目构建

发现一个很强的 Flutter 开源项目 , 由 Flutter 官方提供的 Flutter Gallery , 里面的很多功能可供参考 ;

这项目太强了 , 如果都学会了 , Flutter UI 组件基本就没问题了 ;

本篇博客起个头 , 简单介绍一下主要内容 , 之后针对每个技术点详细解析 ;

一、Flutter Gallery 简介

Flutter Gallery 简介 :

项目地址 : https://github.com/flutter/gallery , ( 访问有些问题 , GitHub 估计要凉 )

国内下载地址 : https://pan.baidu.com/s/1HykdPJw2bDWddTqGEvdqBQ , 提取码: 2wsk , Flutter Gallery 已经打包放在了里面 ;

Flutter Gallery 用于帮助开发者学习和使用 Flutter ;

Flutter Gallery 包含的内容 :

材料设计 ( Material Design ) 组件 : Android 风格组件 ;

Cupertino 组件 : iOS 风格组件 ; ( [ˌkupərˈtinoʊ] )

行为控制相关功能

使用 Flutter 实现的小功能

Flutter 支持的平台 : 目前 Flutter 支持的平台很多 , 1 个 Web 平台 , 2 个手机平台 , 3 个桌面平台 ;

Android

iOS

web

macOS

Linux

Windows

二、Flutter Gallery 项目构建

源码下载后 , 发现 Flutter Gallery 本身的配置不匹配 , 需要在 pubspec.yaml 中将 args 插件的版本号设置成 1.6.0 ;

args: ^1.6.0

参考 【错误记录】Flutter 报错 ( Because xx depends on flutter_driver any from sdk which depends on args 1.6.0 )

然后在说一下需要用到的 Flutter SDK 版本 , 最新的稳定版本的 Flutter SDK 2.0.2 中没有找到相关函数 , 说明需要使用更新的 Flutter 版本 , 这里直接使用最新的 Beta 测试版本的 SDK , 2.1.0-12.2.pre 版本 ;

参考 【错误记录】Flutter 构建报错 ( Error: Method not found: ‘CupertinoModalPopupRoute‘. | 下载最新 Flutter SDK 版本 )

在 Android Studio 欢迎界面选择 " Open an Existing Project " 选项 ,

选择要打开的项目 ,

修改 pubspec.yaml 中的 args 插件版本号 ,

args: ^1.6.0

修改 pubspec.yaml 配置后 , 点击右上角 " Pub get " 按钮 , 下载依赖包 ,