首页 > 其他分享 >Flutter创建项目

Flutter创建项目

时间:2024-03-06 16:11:08浏览次数:21  
标签:lib 项目 -- 创建 应用程序 dart 存放 Flutter

Flutter环境配置直接看文档,很详细,官方建议用stable

多用 flutter doctor -v 指令,看看是否有环境异常

网络的话,还是建议有科学工具,能省不少麻烦

项目目录结构个人觉得还是比较重要,方便维护和扩展,

Flutter 项目的目录结构通常具有以下常见组织:

  1. android/:这个目录包含了与 Android 平台相关的代码,包括项目的 Android 应用模块、Gradle 构建脚本等。通常情况下,你不需要直接编辑这些文件,除非你需要进行特定的定制或集成。

  2. ios/:类似地,这个目录包含了与 iOS 平台相关的代码,包括项目的 iOS 应用模块、Xcode 配置文件等。同样,你一般不需要直接编辑这些文件,除非你有特定的需求或定制。

  3. lib/:这个目录是你主要编写代码的地方。它包含了 Dart 语言编写的源代码文件,包括应用程序的界面、逻辑、服务等。在这个目录下,通常会有一些子目录,如:

    • lib/screens/:存放应用程序的不同屏幕页面。
    • lib/models/:存放数据模型类。
    • lib/utils/:存放通用的工具类和功能函数。
    • lib/services/:存放网络请求、本地存储等服务类。
    • 等等。
  4. test/:这个目录包含了应用程序的单元测试和集成测试。在这个目录下,你可以编写各种测试来验证应用程序的各个部分是否按预期工作。

  5. assets/:这个目录存放了应用程序使用的静态资源文件,如图像、字体、音频文件等。这些资源文件可以在应用程序中被引用和加载。

  6. pubspec.yaml:这个文件是 Flutter 项目的配置文件,用于指定项目的依赖关系、版本信息、资源文件等。在这个文件中,你可以添加第三方包、配置应用程序的名称、描述、版本等信息。

当然可以分得更细节一下,可以参考一下:

lib/
|-- constants/             # 存放常量
|   |-- app_constants.dart # 应用程序常量定义
|   |-- api_constants.dart # API 地址常量定义
|
|-- models/                # 存放数据模型类
|   |-- user.dart          # 用户数据模型
|   |-- post.dart          # 帖子数据模型
|
|-- services/              # 存放服务类
|   |-- api_service.dart   # 处理网络请求的服务类
|   |-- localization.dart  # 处理多语言的服务类
|
|-- utils/                 # 存放通用工具类
|   |-- date_utils.dart    # 日期时间处理工具类
|   |-- logger.dart        # 日志记录工具类
|
|-- widgets/               # 存放自定义小部件
|   |-- custom_button.dart # 自定义按钮小部件
|   |-- custom_dialog.dart # 自定义对话框小部件
|
|-- screens/               # 存放页面组件
|   |-- home_screen.dart   # 主页
|   |-- profile_screen.dart# 用户个人资料页面
|   |-- settings_screen.dart # 设置页面
|
|-- routes/                # 存放路由相关文件
|   |-- app_router.dart    # 应用程序路由配置
|   |-- routes.dart        # 页面路由映射
|
|-- locales/               # 存放多语言相关文件
|   |-- en_US/             # 英文语言包
|   |   |-- translations.dart # 英文翻译
|   |-- zh_CN/             # 中文语言包
|   |   |-- translations.dart # 中文翻译
|
|-- main.dart              # 应用程序入口文件
|-- app.dart               # 应用程序根组件
|-- app_localizations.dart # 多语言初始化

根据官网推荐,我也没用Android Studio了,用Visual Studio Code习惯上可能有些差异,但大体差不多,我是windows系统,如果项目不是原生性比较强,可以在windows上运行调试UI,还是挺方便,毕竟Android编译越来越吃性能了.

 demo运行效果,文档中,标题Flutter Demo Home Page是居中的,我的是居左,emmmm,是macOS的原因,后面再看看

 

 

 

以上

 

标签:lib,项目,--,创建,应用程序,dart,存放,Flutter
From: https://www.cnblogs.com/pmokj/p/18056844

相关文章

  • Maven安装本地的jar包和创建带模板的自定义项目
    Maven安装本地的jar包如果没配置Maven的环境变量,需要先CD到maven的安装目录,因为没配置环境变量,mvn命令是无法在maven安装目录以外的目录运行。cdC:\Maven\apache-maven-3.6.3\bin然后执行下面命令格式如下:mvninstall:install-file//固定格式,maven的语法-Dfile=ali......
  • Flutter
    简述:时隔多年,又捡起了Flutter,粗略对比了一下ReactNative,总体来说,相差不是特别大,性能方面原生组件的ReactNative可能会更好一些,但是想想,现在设备都这么强悍,而且Flutter生态这些年也强大了不少,还是选择Flutter,根据文档描述来看,还是一整套下来的比较方便开发.整理......
  • 项目进度报告撰写全攻略
    本文将探讨如何将进度报告写作整合到你的工作流程中,包括确定最适合的报告时间、编写方法和与团队一起构建报告结构的建议。最后,还会分享一些撰写进度报告的最佳做法,助你掌握这种对工作有巨大帮助的方法。什么是进度报告?它是一种用来告知别人某个项目或任务当前状态的商业文档......
  • 基于C语言中国象棋项目的二次开发
    这是一个由C语言所编写的中国象棋项目,以下给出原项目的链接、代码、运行截图。原项目链接:https://blog.csdn.net/weixin_45590872/article/details/109308798原C语言代码如下:点击查看代码#include<stdio.h>#include<conio.h>#include<string.h>#include<stdlib.h>#includ......
  • vue2项目命令部署服务器
      1、添加命令、依赖  //package.json"deploy":"node./deploy/config.js"   "shelljs":"^0.8.5",   "scp2":"^0.5.0"2、添加环境变量 #自动部署VUE_APP_SERVER_ID=03、添加deploy文件夹 //dep......
  • 27. 创建USS血条样式
    创建HealthBarUSS内容如下所示这个CSS选择器是什么意思呢?.unity-progress-bar__container、.unity-progress-bar__background、.unity-progress-bar__progress分别会修改上面三张图里面的样式在最后还添加了.highHealth、.mediumHealth、.lowHealth这三个样式,用来修改......
  • 用vite创建项目
    方式一:1.选择项目要存放的目录,在文件目录下输入创建命令:npminitvite@latest项目名称----templatevue,如:npminitvite@latestvite-blog----templatevue2.再依次输入提示代码:cd项目名称npminstallnpmrundev3.根据地址在浏览器访问即可方式二:1.创建命令:......
  • Linux系统用户创建及权限
    Linux系统用户创建及权限用户类别普通用户:权限受到限制的用户超级管理员:在系统中拥有最高权限的用户程序用户:不是给人登录用,程序用Linux系统是如何区分每一个用户每个用户都有一个身份证号:uid超级管理员:0普通用户:1000-60000程序用户:1-999Linux系统查看用户信息查看用......
  • vue项目打包之后更改某些配置项
    .env.development(开发环境)、.env.production(生产环境)和 .env.test(测试环境)等环境变量,一旦你运行了 npmrunbuild 命令,环境变量的值就被固定下来了,你不能再直接更改 .env文件中的值来影响已经构建好的应用。但是有时候也需要修改某些配置项,而不是重新打包,因此需要另外的方法。......
  • 易基因:妊娠期母体甲基供体摄入对IUGR猪模型回肠DNA甲基化和功能影响|项目文章
    出生体重较低的宫内生长受限(Intrauterinegrowthrestriction,IUGR)影响肠道的生长、形态和功能,导致生长性能不佳和高死亡率。最近研究表明,IUGR导致肠道中不同的DNA甲基化,可能在IUGR肠道损伤中起关键作用。母体营养可以通过表观遗传修饰(例如DNA甲基化和组蛋白乙酰化)导致后代的永久表......