Flutter表情雨效果插件djangoflow_emoji_rain的使用

🌧️ djangoflow_emoji_rain 🌧️

一个用于在屏幕上创建有趣的表情雨的Flutter插件。

🌟 特性

• 可定制的表情符号：选择你喜欢的任何表情符号！
• 可调节的雨滴数量：控制屏幕上的雨滴数量。
• 速度控制：调整下落雨滴的速度。
• 雨停回调：当雨停时得到通知。

📦 安装

要将djangoflow_emoji_rain添加到你的Flutter项目中，在你的pubspec.yaml文件中添加以下行：

dependencies:
  djangoflow_emoji_rain: <latest_version>

然后运行：

flutter pub get

🚀 快速开始

这里有一个简单的示例，让你的应用中加入一些表情雨：

import 'package:djangoflow_emoji_rain/rain.dart';

Rain(
  emoji: '🌧️',
  numberOfRainDrops: 50,
  fallSpeedFactor: 1.0,
  onRainStopped: () {
    print("The rain has stopped!");
  },
);

🛠 参数

• `emoji`: 用于雨滴的表情符号。
• `numberOfRainDrops`: 屏幕上的雨滴数量。
• `fallSpeedFactor`: 雨滴下落速度的倍数。
• `onRainStopped`: 当雨停时触发的回调函数。

📖 示例应用

查看example目录，获取一个完整的示例应用来展示该插件的功能。

🤝 贡献

我们欢迎贡献！如果你有任何改进或发现任何错误，请随时打开一个issue或提交pull request。

📜 许可证

该项目根据MIT许可证授权。详情请参阅LICENSE文件。

示例代码

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

void main() {
  runApp(const MainApp());
}

class MainApp extends StatefulWidget {
  const MainApp({super.key});

  [@override](/user/override)
  State<MainApp> createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
  bool _showRain = false;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Stack(
          children: [
            Center(
              child: ElevatedButton(
                onPressed: () {
                  setState(() {
                    _showRain = true;
                  });
                },
                child: const Text('Start rain'),
              ),
            ),
            if (_showRain)
              Rain(
                emoji: '＄',
                numberOfRainDrops: 50,
                fallSpeedFactor: 2,
                onRainStopped: () {
                  setState(() {
                    _showRain = false;
                  });
                },
              ),
          ],
        ),
      ),
    );
  }
}