Go Flutter Desktop (一) 初探

1export GOPATH=~/code/go # 这个是必须配置的, 等号后的部分根据你的情况修改, 简单来说里面放的是你自己的代码,不是go的SDK,不是go的SDK,不是go的SDK, 具体的话是你 go 语言的三方库源码/自己写的go代码/中间产物/应用程序所在的目录
2PATH=$PATH:$GOPATH/bin  # 这个是选配, 但是强烈建议配置,不然以后的go工具链需要全路径引用

 1➜  ~ hover -h
 2Hover helps developers to release Flutter applications on desktop.
 3
 4Usage:
 5  hover [flags]
 6  hover [command]
 7
 8Available Commands:
 9  build       Build a desktop release
10  help        Help about any command
11  init        Initialize a flutter project to use go-flutter
12  run         Build and start a desktop release, with hot-reload support
13
14Flags:
15  -h, --help   help for hover
16
17Use "hover [command] --help" for more information about a command.
18➜  ~

1cd /tmp
2git clone https://github.com/go-flutter-desktop/examples.git flutter-examples
3cd flutter-examples/pointer_demo
4flutter pub get
5hover run

1flutter create flutter_example_1
2cd flutter_example_1
3flutter pub get
4hover init github.com/Caijinglong/flutter-go-example # 初始化 desktop 工程

1import 'package:flutter/foundation.dart';
2import 'package:flutter/widgets.dart';
3
4import 'main.dart';
5
6void main() {
7  debugDefaultTargetPlatformOverride = TargetPlatform.fuchsia;
8  runApp(MyApp());
9}

 1import 'package:flutter/material.dart';
 2
 3class ListViewPage extends StatefulWidget {
 4  @override
 5  _ListViewPageState createState() => _ListViewPageState();
 6}
 7
 8class _ListViewPageState extends State<ListViewPage> {
 9  @override
10  Widget build(BuildContext context) {
11    return Scaffold(
12      appBar: AppBar(),
13      body: ListView.builder(
14        itemBuilder: _buildItem,
15      ),
16    );
17  }
18
19  Widget _buildItem(BuildContext context, int index) {
20    return ListTile(
21      title: Text(index.toString()),
22    );
23  }
24}

1  Widget build(BuildContext context) {
2    return Scaffold(
3      appBar: AppBar(),
4      body: ListView.builder(
5        itemBuilder: _buildItem,
6        scrollDirection: Axis.horizontal,
7      ),
8    );
9  }

 1import 'package:flutter/material.dart';
 2
 3class ImagePage extends StatefulWidget {
 4  @override
 5  _ImagePageState createState() => _ImagePageState();
 6}
 7
 8class _ImagePageState extends State<ImagePage> {
 9  @override
10  Widget build(BuildContext context) {
11    return Scaffold(
12      appBar: AppBar(),
13      body: ListView(
14        children: <Widget>[
15          Container(
16            width: 500,
17            height: 500,
18            child: Image.network(
19                "https://raw.githubusercontent.com/kikt-blog/image/master/img/20190704171705.png"),
20          ),
21        ],
22      ),
23    );
24  }
25}

1Container(
2  width: 500,
3  height: 500,
4  child: Image.file(File("/Users/cai/Desktop/auto-angle.jpg")),
5),

1Container(
2  width: 500,
3  height: 500,
4  child: Image.memory(
5    Uint8List.fromList(
6      File("/Users/cai/Desktop/auto-angle.jpg").readAsBytesSync(),
7    ),
8  ),
9),

1flutter:
2  # The following line ensures that the Material Icons font is
3  # included with your application, so that you can use the icons in
4  # the material Icons class.
5  uses-material-design: true
6
7  # To add assets to your application, add an assets section, like this:
8  assets:
9    - assets/

1Container(
2  width: 500,
3  height: 500,
4  child: Image.asset(R.ASSETS_HAVE_EXIF_JPG),
5),

1/// generate by resouce_generator library, shouldn't edit.
2class R {
3  /// ![preview](file:///private/tmp/flutter-go-example/./assets/have-exif.jpg)
4  static const String ASSETS_HAVE_EXIF_JPG = "assets/have-exif.jpg";
5}

 1import 'package:flutter/material.dart';
 2
 3class InputPage extends StatefulWidget {
 4  @override
 5  _InputPageState createState() => _InputPageState();
 6}
 7
 8class _InputPageState extends State<InputPage> {
 9  @override
10  Widget build(BuildContext context) {
11    return Scaffold(
12      appBar: AppBar(title: Text('input')),
13      body: Container(
14        child: TextField(),
15      ),
16    );
17  }
18}

 1package version
 2
 3import (
 4    "github.com/go-flutter-desktop/go-flutter"
 5    "github.com/go-flutter-desktop/go-flutter/plugin"
 6)
 7
 8const (
 9    channelName = "top.kikt/go/version"
10    getVersion  = "getVersion"
11)
12
13type VersionPlugin struct{}
14
15var _ flutter.Plugin = &VersionPlugin{}
16
17func (VersionPlugin) InitPlugin(messenger plugin.BinaryMessenger) error {
18    channel := plugin.NewMethodChannel(messenger, channelName, plugin.StandardMethodCodec{})
19    channel.HandleFunc(getVersion, getVersionFunc)
20    return nil;
21}
22
23func getVersionFunc(arguments interface{}) (reply interface{}, err error) {
24    return "0.0.1", nil
25}

1import 'package:flutter/services.dart';
2
3class GetVersionPlugin {
4  static const _channel = const MethodChannel("top.kikt/go/version");
5
6  static Future<String> get version async => _channel.invokeMethod("getVersion");
7}

1cd $GOPATH/src/github.com/caijinglong/go-flutter-plugin/version
2export GO111MODULE=on
3go mod init github.com/caijinglong/go-flutter-plugin/version
4go mod tidy

1/Users/cai/code/go/src/github.com/caijinglong/go-flutter-plugin/version
2├── go.mod
3├── go.sum
4└── version.go

 1package main
 2
 3import (
 4    "github.com/caijinglong/go-flutter-plugin/version"
 5    "github.com/go-flutter-desktop/go-flutter"
 6)
 7
 8var options = []flutter.Option{
 9    flutter.WindowInitialDimensions(800, 1280),
10    flutter.AddPlugin(version.VersionPlugin{}),
11}

1build github.com/Caijinglong/flutter-go-example/desktop/cmd: cannot load github.com/caijinglong/go-flutter-plugin/version: cannot find module providing package github.com/caijinglong/go-flutter-plugin/version

 1module github.com/Caijinglong/flutter-go-example/desktop
 2
 3go 1.12
 4
 5require (
 6  github.com/go-flutter-desktop/go-flutter v0.24.1
 7  github.com/pkg/errors v0.8.1
 8  .com/stretchr/objx v0.2.0 // indirect
 9)
10
11replace github.com/caijinglong/go-flutter-plugin/version => /Users/cai/code/go/src/github.com/caijinglong/go-flutter-plugin/version // 添加这行

 1import 'package:flutter/material.dart';
 2
 3import 'get_version_plugin.dart';
 4
 5class PluginPage extends StatefulWidget {
 6  @override
 7  _PluginPageState createState() => _PluginPageState();
 8}
 9
10class _PluginPageState extends State<PluginPage> {
11  @override
12  Widget build(BuildContext context) {
13    return Scaffold(
14      appBar: AppBar(),
15      body: FutureBuilder<String>(
16        future: GetVersionPlugin.version,
17        builder: (c, snapshot) {
18          if (!snapshot.hasData) {
19            return Container();
20          }
21          return Text(snapshot.data);
22        },
23      ),
24    );
25  }
26}