Flutter 设计并封装为桌面程序

第一步：搭建环境

• flutter环境略
• golang切换到语言开发环境❙ver‷flutter桌面脚手架提供的工具

首先阅读Go语言环境准备

1. 访问Go语言中文网站，下载相应的包。不要忘记下载最新版本。本文以Windows为例，下载go1。 12.5.windows-amd64.msi。如果本地安装了旧版本的 Go，请务必更新到最新
2. 指定安装目录，点击安装
3. 配置环境变量。安装完成后，将目录bin添加到安装目录下的系统环境变量Path中，即go.exePath添加到环境变量中的路径。
4. 检查环境。打开cmd并输入go env。如果成功打印Go路径，则Go完成。

注意：如果你还有兴趣学习Go开发，还需要配置环境变量GOPATH。

下载并安装按住光标库。这是Go语言库。在cmd提示符下运行以下命令来安装它。如果网络不稳定，可能需要一些时间。首先请确保Flutter环境可以正常访问

flutter create myapp
复制代码

cd到flutter项目路径，即myapp。我们以创建的测试项目为例，进入myapp下的文件夹lib，删除main.dart由于flutter桌面项目的特殊要求，必须为项目文件配置两个输入端口。创建文件 main.dart 和 main_desktop.dart。请注意，文件名是固定的，不能使用。请随意编辑它。然后创建一个文件 app.dart 作为我们测试应用程序的特定代码。没有命名要求。

main.dart代码如下。这是移动应用程序必须使用的入口代码。

import 'package:flutter/material.dart';
import 'app.dart';

void main() => runApp(MyApp());
复制代码

main_desktop.dart内容如下。这是桌面上所需的输入代码。

import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart' show debugDefaultTargetPlatformOverride;
import 'app.dart';

void main() {
  debugDefaultTargetPlatformOverride = TargetPlatform.fuchsia;
  runApp(MyApp());
}
复制代码

app.dart内容如下。实际的UI代码是显示的 Hello World!

import 'package:flutter/material.dart';

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

class HomePage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
      return Scaffold(appBar: AppBar(title: Text("Demo")),
        body: Center(child: Text('Hello World!'),),
      );
  }
}
复制代码

第3步：初始化为桌面项目

Flutter项目根路径下有一个android目录和一个ios目录，但是没有桌面编译目录。这一步是使用库自动生成桌面 hover 最后的项目编译目录

确保当前命令行环境在路径下 myapp

hover init github.com/my-organization/myapp
复制代码