关于学习flutter笔记

作者 : admin 本文共1487个字,预计阅读时间需要4分钟 发布时间: 2024-06-8 共3人阅读

创建 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

本站无任何商业行为
个人在线分享 » 关于学习flutter笔记
E-->