Flutter打赏支持插件buy_me_a_coffee_widget的使用

Buy me a coffee widget

您是否曾经需要一个用于“Buy me a coffee”的小部件？现在它已经在这里了。

重要说明

在使用此小部件时请务必非常小心。根据Google Play指南，不允许从外部资源获取付款。因此，捐赠按钮可能会导致您的应用程序被封禁！

此应用仅应在Web上或允许捐赠的商店中使用。

如需更多信息，请参阅以下内容：

• Reddit帖子 Reddit Post
• Google Play商店规则 Google Play Store

开始使用

首先，您需要导入该包：

import 'package:buy_me_a_coffee_widget/buy_me_a_coffee_widget.dart';

然后您可以使用该小部件：

Container(
  width: 217.0,
  child: BuyMeACoffeeWidget(
      sponsorID: "sBGXj7Pl4",
      theme: theme,
  ),
)

完整示例代码

以下是一个完整的示例代码，展示如何在Flutter应用中使用buy_me_a_coffee_widget。

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

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  // 这是您的应用的根组件。
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  BuyMeACoffeeThemeData theme = OrangeTheme(); // 设置默认主题为橙色

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 应用的主题颜色
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text("Buy me a coffee Widget"),
        ),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // 显示Buy Me a Coffee小部件
            Center(
              child: Container(
                width: 217.0,
                child: BuyMeACoffeeWidget(
                  sponsorID: "sBGXj7Pl4", // 替换为您自己的sponsorID
                  theme: theme,
                ),
              ),
            ),
            SizedBox(height: 20), // 添加间距
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Column(
                children: <Widget>[
                  // 主轴方向为居中排列
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      // 不同主题选择器
                      ThemeSelector(
                        color: Color(0xFFFF813F), // 橙色
                        onTap: () {
                          setState(() {
                            theme = OrangeTheme();
                          });
                        },
                      ),
                      ThemeSelector(
                        color: Color(0xFFFFDD00), // 黄色
                        onTap: () {
                          setState(() {
                            theme = YellowTheme();
                          });
                        },
                      ),
                      ThemeSelector(
                        color: Color(0xFFbd5fff), // 紫色
                        onTap: () {
                          setState(() {
                            theme = PurpleTheme();
                          });
                        },
                      ),
                      ThemeSelector(
                        color: Colors.black, // 黑色
                        onTap: () {
                          setState(() {
                            theme = BlackTheme();
                          });
                        },
                      ),
                    ],
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      ThemeSelector(
                        color: Colors.white, // 白色
                        onTap: () {
                          setState(() {
                            theme = WhiteTheme();
                          });
                        },
                      ),
                      ThemeSelector(
                        color: Color(0xFF79D6B5), // 青绿色
                        onTap: () {
                          setState(() {
                            theme = TealTheme();
                          });
                        },
                      ),
                      ThemeSelector(
                        color: Color(0xFFFF5F5F), // 红色
                        onTap: () {
                          setState(() {
                            theme = RedTheme();
                          });
                        },
                      ),
                      ThemeSelector(
                        color: Color(0xFFF471FF), // 粉色
                        onTap: () {
                          setState(() {
                            theme = PinkTheme();
                          });
                        },
                      )
                    ],
                  ),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}

// 主题选择器小部件
class ThemeSelector extends StatelessWidget {
  final Function onTap; // 点击事件
  final Color color; // 主题颜色

  const ThemeSelector({Key key, this.onTap, this.color}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: GestureDetector(
        onTap: onTap, // 点击事件触发
        child: new Container(
            child: new CircleAvatar(backgroundColor: color), // 圆形背景
            width: 64.0,
            height: 64.0,
            padding: const EdgeInsets.all(1.0),
            decoration: new BoxDecoration(
              color: Colors.black, // 边框颜色
              shape: BoxShape.circle,
            )),
      ),
    );
  }
}