Flutter插件ganama的安装与使用

Flutter插件ganama的安装

全局安装该CLI工具，使用dart pub命令。

dart pub global activate ganama

Flutter插件ganama的使用

以下是使用ganama插件的基本步骤：

1. 定义你的编排。
2. 运行CLI工具以启动编排：ganama。
3. 启动编排：cd ./ganama; docker compose up。
4. 编辑设置。导航到 http://localhost:3002 来编辑你的编排配置。

示例代码

在你的Flutter项目中，你可以创建一个简单的命令行界面来调用ganama插件。以下是一个完整的示例代码：

import 'package:flutter/material.dart';
import 'package:process_run/shell.dart'; // 引入用于执行shell命令的库

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

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

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _output = '';

  void _runGanamaCommand() async {
    Shell shell = Shell();
    // 执行ganama命令
    var result = await shell.run('ganama');
    setState(() {
      _output = result.stdout;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _runGanamaCommand,
              child: Text('运行Ganama'),
            ),
            SizedBox(height: 20),
            Text(_output),
          ],
        ),
      ),
    );
  }
}

步骤说明

1. 引入依赖：

   import 'package:process_run/shell.dart';
   

2. 定义主应用类：

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

3. 定义主页状态类：

   class _MyHomePageState extends State<MyHomePage> {
     String _output = '';
   
     void _runGanamaCommand() async {
       Shell shell = Shell();
       // 执行ganama命令
       var result = await shell.run('ganama');
       setState(() {
         _output = result.stdout;
       });
     }
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text(widget.title),
         ),
         body: Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: <Widget>[
               ElevatedButton(
                 onPressed: _runGanamaCommand,
                 child: Text('运行Ganama'),
               ),
               SizedBox(height: 20),
               Text(_output),
             ],
           ),
         ),
       );
     }
   }