Flutter - 创建程序

Flutter - 创建程序 首页 / Flutter入门教程 / Flutter - 创建程序

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

第1步 - 打开Android Studio

无涯教程网

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

New Flutter Project

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

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应用程序,无涯教程检查应用程序的结构,然后更改代码以完成无涯教程的任务。

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

Structure Application

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

  • 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 运行应用程序

Main Dart

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

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

来源:LearnFk无涯教程网

Home Page

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

软件工程之美 -〔宝玉〕

SRE实战手册 -〔赵成〕

软件设计之美 -〔郑晔〕

跟着高手学复盘 -〔张鹏〕

MySQL 必知必会 -〔朱晓峰〕

编程高手必学的内存知识 -〔海纳〕

深入剖析Java新特性 -〔范学雷〕

超级访谈:对话玉伯 -〔玉伯〕

AI大模型企业应用实战 -〔蔡超〕

好记忆不如烂笔头。留下您的足迹吧 :)