Flutter基础（二）Flutter最新开发环境搭建和Hello World

前端

2023-12-02 10:13:14

正文

Flutter——新一代跨平台开发框架

在最近的Google I/O大会上，Flutter 1.5正式发布，它是一款跨平台开发框架，这意味着它可以让你使用同一个代码库来构建iOS、Android、Web和桌面应用程序。

Flutter凭借其出色的性能、丰富的组件库和强大的开发工具链，已成为移动应用开发领域的新星。

本篇文章将带领大家从零开始搭建Flutter开发环境，并创建一个简单的Hello World应用程序。

搭建Flutter开发环境

首先，你需要在你的电脑上安装Flutter SDK。你可以从Flutter官网下载最新的SDK。

安装好SDK后，你还需要安装一个文本编辑器或IDE来编写Flutter代码。推荐使用Visual Studio Code或Android Studio。

接下来，你需要创建一个Flutter项目。你可以使用以下命令：

flutter create my_app

这将在你的电脑上创建一个名为my_app的Flutter项目。

创建Hello World应用程序

现在，你可以在项目目录下创建一个名为main.dart的文件。这是你的Flutter应用程序的入口文件。

// Import the Flutter package
import 'package:flutter/material.dart';

// Create a new Flutter application
void main() {
  runApp(MyApp());
}

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

// Define the MyHomePage widget
class MyHomePage extends StatelessWidget {
  final String title;

  MyHomePage({Key key, this.title}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(title),
      ),
      body: Center(
        child: Text(
          'Hello, World!',
          style: TextStyle(fontSize: 30),
        ),
      ),
    );
  }
}