flutter 入门

高地捣蛋鬼 2023-06-12 16:45:27

随着Google I/O 的落幕，Flutter再次喧嚣尘上。本文将介绍Flutter的背景、优点和使用情况。

背景

Flutter最初是由Google推出的一个开源框架，用于构建高性能、高保真度、跨平台的移动应用程序。其特点是基于“widgets”，也就是可重用的UI组件来构建应用程序，这些widgets组件可以轻松地定制和整合从而完成开发者的需求。

优点

Flutter的最大亮点是其提供了一个完整的工具包，包括框架、widget、库、工具和IDE插件，可以帮助开发人员更加高效地构建精美的用户界面，从而提高应用程序的交互性和响应度。此外，Flutter还提供了一些有用的功能，例如动画、交互式U（iUX）、图形等，这些功能都可以帮助开发人员轻松地创建出惊人的应用程序。
Flutter具备跨平台的能力，它可以在iOS和Android之外的其他平台上运行，例如Web、Windows、Mac OS、Linux等，这意味着开发人员只需要编写一次代码，就可以在多个平台上部署应用程序，大大简化了开发的流程和成本。

使用

我们使用flutter 搭建一个简单的 hello world

首先，在项目的pubspec.yaml文件中添加一个依赖项，用于导入Flutter的material库：

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2

然后，在lib/main.dart文件中，使用以下代码编写一个简单的应用程序：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hello, World!',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello, World!'),
        ),
        body: Center(
          child: Text('Hello, World!'),
        ),
      ),
    );
  }
}

在这个例子中，我创建了一个名为MyApp的无状态小部件。这个小部件返回了MaterialApp部件，这个小部件管理着整个应用程序。

在主体区域中，我们使用了一个Center小部件来将这个“Hello, World!”文本放置在屏幕中央。