Flutter基础(项目创建)

发布于:2025-06-28 ⋅ 阅读:(12) ⋅ 点赞:(0)

一、使用命令行创建项目

1. 确认 Flutter 环境正常

要保证 Flutter SDK 已经正确安装,并且环境变量配置无误。可以通过执行以下命令来验证:

flutter doctor

要保证所有检查项都显示绿色对勾,要是有问题,可按照提示进行修复。

2. 创建新项目

打开终端,执行下面的命令来创建一个新的 Flutter 应用:

flutter create my_flutter_app
cd my_flutter_app

这里的my_flutter_app是项目名称,你可以根据自己的需求进行修改。

3. 运行项目

先启动模拟器或者连接真机,然后运行以下命令:

flutter run

项目结构说明

创建好的项目主要结构如下:

my_flutter_app/
  ├── android/          # Android原生代码
  ├── ios/              # iOS原生代码
  ├── lib/              # Dart代码(核心)
  │   └── main.dart     # 应用入口文件
  ├── test/             # 测试代码
  ├── pubspec.yaml      # 依赖配置文件
  └── ...
1. lib/main.dart

这是应用的入口文件,默认代码如下:

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}
2. pubspec.yaml

用于管理项目的依赖和资源,示例如下:

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2
  http: ^1.1.0  # 添加网络请求库

dev_dependencies:
  flutter_test:
    sdk: flutter

flutter:
  uses-material-design: true
  assets:
    - assets/images/  # 添加图片资源

修改pubspec.yaml后,要运行flutter pub get来获取依赖。


网站公告

今日签到

点亮在社区的每一天
去签到