Flutter插件frame_pollinations的介绍与使用

Pollinations.ai 图像生成

监听用户输入的图像生成提示，并通过其 API 请求图像生成，然后在 Frame 中显示查询和生成的图像。（注意，图像生成可能需要几秒钟，具体取决于负载和其他因素。）

点击手机应用程序中生成的图像，可以使用设备的分享机制进行保存或分享。

Flutter 包 speech_to_text 使用平台提供的语音到文本功能，该功能使用的是手机麦克风，而不是 Frame 麦克风。

由 Pollinations.ai 生成的缩略图被量化为 4 位（16 种颜色），并通过 Dart 的 image 包进行抖动处理，并以渐进的方式显示。

已在 Android 上测试过，应该也可以在 iOS 上运行。

Frameshots

Framecast

Screenshots

示例代码

以下是一个完整的示例代码，展示了如何使用 frame_pollinations 插件实现图像生成功能：

import 'package:flutter/material.dart';
import 'package:pollinations_ai_image_generation/pollinations_ai_image_generation.dart'; // 假设插件名为 pollinations_ai_image_generation

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ImageGenerationPage(),
    );
  }
}

class ImageGenerationPage extends StatefulWidget {
  [@override](/user/override)
  _ImageGenerationPageState createState() => _ImageGenerationPageState();
}

class _ImageGenerationPageState extends State<ImageGenerationPage> {
  String _generatedImageUrl = ''; // 存储生成的图像 URL
  bool _isLoading = false; // 是否正在加载图像

  Future<void> _generateImage(String prompt) async {
    setState(() {
      _isLoading = true;
    });

    try {
      // 调用 Pollinations.ai API 进行图像生成
      final imageUrl = await PollinationsAiImageGeneration.generate(prompt);
      setState(() {
        _generatedImageUrl = imageUrl;
      });
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('图像生成失败: $e')),
      );
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Pollinations.ai 图像生成'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            if (_isLoading) CircularProgressIndicator(), // 加载动画
            if (_generatedImageUrl.isNotEmpty)
              Image.network(_generatedImageUrl), // 显示生成的图像
            Padding(
              padding: const EdgeInsets.all(16.0),
              child: TextField(
                decoration: InputDecoration(
                  labelText: '请输入图像生成提示',
                ),
                onChanged: (value) {},
              ),
            ),
            ElevatedButton(
              onPressed: () {
                // 模拟生成图像
                _generateImage('美丽的风景');
              },
              child: Text('生成图像'),
            ),
          ],
        ),
      ),
    );
  }
}