【Flutter】底子入门:项目布局

[复制链接]
发表于 2026-1-8 02:00:58 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
Flutter 是一款用于开辟跨平台应用的良好框架。通过一次编写代码,Flutter 可以将应用摆设到 Android、iOS、Web、Windows、Linux 和 macOS 等多个平台。作为 Flutter 开辟者,明白 Flutter 项目的目次布局和设置是至关告急的,可以大概资助你快速构建、维护和扩展应用步伐。
本教程将渐渐先容 Flutter 项目的目次布局,详细解说每个告急文件的作用,并渐渐学习怎样设置项目,如添加依赖、设置应用名称和图标等。
创建 Flutter 项目

在深入明白 Flutter 项目布局之前,我们先创建一个新的 Flutter 项目。你可以使用以下下令创建一个 Flutter 项目:
  1. flutter create my_flutter_app
复制代码
创建乐成后,你会得到一个标准的 Flutter 项目布局,包罗多个文件和文件夹。接下来我们将渐渐分析每个部分的作用。
Flutter 项目布局分析

  1. my_flutter_app/
  2. ├── android/
  3. ├── ios/
  4. ├── lib/
  5. │   └── main.dart
  6. ├── test/
  7. ├── web/
  8. ├── pubspec.yaml
  9. ├── .gitignore
  10. ├── README.md
  11. └── build/
复制代码
lib/ 文件夹

lib/ 是存放应用步伐核心代码的目次,全部的 Dart 代码都放在这里。默认情况下,lib/ 目次中只有一个文件 main.dart,它是应用步伐的入口点。
lib/main.dart

main.dart 文件是 Flutter 项目的主文件,它界说了应用的入口函数和主界面。
  1. import 'package:flutter/material.dart';
  2. void main() {
  3.    
  4.    
  5.   runApp(const MyApp());
  6. }
  7. class MyApp extends StatelessWidget {
  8.    
  9.    
  10.   const MyApp({
  11.    
  12.    Key? key}) : super(key: key);
  13.   @override
  14.   Widget build(BuildContext context) {
  15.    
  16.    
  17.     return MaterialApp(
  18.       title: 'Flutter Demo',
  19.       theme: ThemeData(
  20.         primarySwatch: Colors
复制代码
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表