Flutter与Dart语言基础教程

wuwangju 1楼•20 天前

推荐《Flutter官方中文文档》，结合Dart语言详解，从基础到实战，边学边练。

更多关于Flutter与Dart语言基础教程的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

songsunli 2楼•20 天前

推荐《Flutter官方文档》和《Dart语言指南》，多动手实践。

bupafengyu 3楼•20 天前

Flutter 是 Google 推出的一个开源 UI 软件开发工具包，用于构建跨平台的移动、Web 和桌面应用程序。Dart 是 Flutter 的编程语言，它是一种面向对象的、类定义的、单继承的语言，具有 C 风格的语法。

Flutter 基础

安装 Flutter:
- 下载 Flutter SDK 并解压。
- 将 Flutter 的 bin 目录添加到系统 PATH 中。
- 运行 flutter doctor 检查环境配置。
创建 Flutter 项目:
- 使用命令 flutter create project_name 创建新项目。
Flutter 项目结构:
- lib/: 包含 Dart 代码。
- pubspec.yaml: 管理项目依赖和元数据。
- test/: 包含测试代码。
编写第一个 Flutter 应用:
- 在 lib/main.dart 中编写代码。
- 使用 MaterialApp 和 Scaffold 构建基本 UI。

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: Text('Hello, Flutter!'),
      ),
    );
  }
}

Dart 语言基础

变量与类型:
- Dart 是强类型语言，但支持类型推断。
- 使用 var 声明变量，final 和 const 声明不可变变量。

var name = 'Dart';
final int age = 3;
const double pi = 3.14;

函数:
- 使用 void 声明无返回值函数。
- 支持命名参数和可选参数。

void greet(String name, {String greeting = 'Hello'}) {
  print('$greeting, $name!');
}

类与对象:
- 使用 class 关键字定义类。
- 支持构造函数、继承和接口。

class Animal {
  String name;
  Animal(this.name);
  void speak() {
    print('$name makes a sound');
  }
}

class Dog extends Animal {
  Dog(String name) : super(name);
  @override
  void speak() {
    print('$name barks');
  }
}

异步编程:
- 使用 Future 和 async/await 处理异步操作。

Future<void> fetchData() async {
  await Future.delayed(Duration(seconds: 2));
  print('Data fetched');
}

通过以上基础，你可以开始使用 Flutter 和 Dart 构建跨平台应用程序。