无涯教程-Flutter - 创建程序

在本章中，让无涯教程创建一个简单的 Flutter 应用程序，以了解在Android Studio中创建Flutter应用程序的基础。

第1步 - 打开Android Studio

第2步 - 创建Flutter项目。为此，请单击File→New→New Flutter Project

第3步 - 选择Flutter Application。为此，选择 Flutter Application ，然后单击 Next 。

第4步 - 如下配置应用程序，然后单击下一步。

• Project name : hello_app

• Flutter SDK Path: <path_to_flutter_sdk>

• Project Location: <path_to_project_folder>

第5步 -  配置项目。

     将company domain设置为 flutterapp.learnfk.com ，然后单击完成。

第6步 - 输入company domain。

      Android Studio创建具有最小函数的函数齐全的Flutter应用程序，无涯教程检查应用程序的结构，然后更改代码以完成无涯教程的任务。

该应用程序的结构及其目的如下-

在此说明应用程序结构的各个组成部分-

• android                            - 自动生成的源代码以创建android应用程序

• ios                                     - 自动生成的源代码来创建ios应用程序

• lib                                      - 包含使用flutter框架编写的Dart代码的主文件夹

• ib/main.dart                   -  Flutter应用程序的入口点

• test                                    - 包含Dart代码以测试Flutter应用程序的文件夹

• test/widget_test.dart    -  示例代码

• .gitignore                         - Git版本控制文件

• .metadata                        - 由Flutter工具自动生成

• .packages                         - 自动生成以跟踪flutter包

• .iml                                    - Android Studio使用的项目文件

• pubspec.yaml                  - Flutter程序包管理器 Pub 使用

• pubspec.lock                   - 由Flutter程序包管理器 Pub 自动生成

• README.md                 - 以Markdown格式编写的项目描述文件

第7步 - 用以下代码替换 lib/main.dart文件中的dart代码-

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
   //这个小部件是您的应用程序的Root根。
   @override
   Widget build(BuildContext context) {
      return MaterialApp(
         title: 'Hello World Demo Application',
         theme: ThemeData(
            primarySwatch: Colors.blue,
         ),
         home: MyHomePage(title: 'Home page'),
      );
   }
}
class MyHomePage extends StatelessWidget {
   MyHomePage({Key key, this.title}) : super(key: key);
   final String title;

   @override
   Widget build(BuildContext context) {
      return Scaffold(
         appBar: AppBar(
            title: Text(this.title),
         ),
         body: Center(
            child:
            Text(
               'Hello World',
            )
         ),
      );
   }
}

第8步 - 现在，使用Run→Run main.dart 运行应用程序

第9步 - 最后，应用程序的输出如下-

参考链接

https://www.learnfk.com/flutter/flutter-creating-simple-application-in-android-studio.html