关于学习flutter笔记
创建 flutter 项目
前期工作 配置:
1、安装 flutter SDK(本身包含 dartSDK)
2、配置 flutter SDK 的环境变量
3、安装 JAVA(虚拟机需要最好是 java8)、Androidstudio 编译器、以及 Android SDK
4、同样进行环境配置
5、在 AS 中开始自己的虚拟器
1、在 AS 中打开 SDK 管理器,下载 platfroom 类似字样
2、SDK 管理器中的 tabs 栏上第 2 个进行 API 下载
3、在右上角点击小手机 icon 下面 又 created 字样点击添加虚拟机选择自己的配置 next 、win+r 打开终端输入 flutter doctor 检查 flutter 状态标红即是问题
开始开发
文件目录:
具体开发文件是在lib中进行开发,特殊配置进行对应的Android ios等进行具体配置
lib:
main.dart 所有flutter文件的入口文件 类似 vue中的app.vue
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:my_notice/app/routers/routers.dart';
import 'package:my_notice/language_conversion/language.dart';
void main() {
runApp(
GetMaterialApp(
debugShowCheckedModeBanner: false,// 消除右上角的debugger
getPages: Routers.routes, // 路由注册 && 引入
initialRoute: '/whrite', // 默认首页
theme: ThemeData(), // 主题
translations: Messages(), // 语言国际化
locale: const Locale('zh', 'CN'), // 将会按照此处指定的语言翻译
fallbackLocale: const Locale('en', 'US'), // 添加一个回调语言选项,以备上面指定的语言翻译不存在
),
);
}
文件分类
app(文件夹)页面内容
modules(文件夹)整个项目中划分不同模块进行分类
home_page(文件夹)单例页面中的页面+操作
views(文件夹)包含这一模块的所有页面 || 组件
home_page.dart
controllers(文件夹)包含这一模块中所有页面的控制器 || 本文件需要引入其他文件的控制器集合
home_page_controller.dart
bindings(文件夹)按需加载控制器与页面的关系,在路由中会使用到
home_page_binding.dart
router(文件夹)所有路由的集合;
router.dart
foundations(文件夹) 所有基础组件、工具方法、网络请求集合
widgets(文件夹)基础组件
utils(文件夹)工具方法
net(文件夹) 网络请求
引入第三方包
引入第三方库(flutter所有的第三方库地址是http://pub.dev/)以get举例
项目根目录下的pubspec.yaml文件
1、添加报名以及版本
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^1.0.6
get: ^4.6.5
flutter_quill: ^9.3.11
2、终端停止运行项目
3、项目中的cmd输入 flutter pub get
4、如果有字体其他静态文件插件等再去寻找其他命令将依赖下载下来
5、运行 flutter run