Flutter Cookie管理插件simple_cookies的使用

Flutter Cookie管理插件simple_cookies的使用

simple_cookies 是一个用于在 Flutter Web 中管理 Cookie 的简单包，并且可以创建 Cookie 横幅。

开始使用

要了解更多，请查看示例项目。

示例代码

以下是一个完整的示例，展示了如何使用 simple_cookies 包来管理和显示自定义 Cookie 横幅。

import 'package:simple_cookies/simple_cookies.dart';

import 'package:flutter/material.dart';

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

/// 仅适用于 Flutter Web
class Website extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Cookie-Tester',
      home: Example(),
    );
  }
}

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

class _ExampleState extends State<Example> {
  bool switcher;

  [@override](/user/override)
  void initState() {
    // 设置接受的 Cookie ID
    Cookies.acceptedCookiesId = '{www.example.de}-acceptedCookies?';
    switcher = true;
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Cookies.wrapBanner(
      // 根据开关状态显示不同的横幅
      banner: switcher ? null : CustomBanner(),
      child: Scaffold(
        appBar: AppBar(
          title: Text('Cookies!'),
          actions: [
            // 删除所有 Cookie 的按钮
            FlatButton.icon(
                textColor: Colors.white,
                onPressed: () => Cookies.removeAllCookies(),
                icon: Icon(Icons.delete),
                label: Text('删除所有 Cookie')),
            // 刷新页面的按钮
            FlatButton.icon(
                textColor: Colors.white,
                onPressed: () => setState(() {}),
                icon: Icon(Icons.refresh),
                label: Text('刷新页面'))
          ],
        ),
        body: Container(
          width: double.infinity,
          color: Colors.blueGrey,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // 显示示例页面文本
              Text(
                '示例页面',
                style: TextStyle(color: Colors.white24, fontSize: 50),
              ),
              // 开关按钮
              Switch(
                value: switcher,
                onChanged: (value) => setState(() => switcher = value),
              ),
              // 显示默认或自定义横幅文本
              Text(switcher ? '默认横幅' : '自定义 Cookie 横幅')
            ],
          ),
        ),
      ),
    );
  }
}

// 自定义 Cookie 横幅
class CustomBanner extends CookieBanner {
  CustomBanner() : super(Cookies.acceptedCookiesId);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container(
        padding: const EdgeInsets.all(10),
        margin: const EdgeInsets.all(5),
        height: MediaQuery.of(context).size.height * 0.1,
        decoration: BoxDecoration(
            color: Colors.deepPurple,
            borderRadius: BorderRadius.circular(15),
            border: Border.all(color: Colors.blue, width: 2)),
        child: Row(
          children: [
            // 扩展部分以容纳文字
            Expanded(
                flex: 3,
                child: Text(
                  '我们正在使用 Cookie! Lorem Ipsum, feliz navidad!',
                  style: TextStyle(color: Colors.white),
                )),
            // 扩展部分以容纳按钮
            Expanded(
              child: Column(
                children: [
                  // 接受 Cookie 的按钮
                  Expanded(
                    child: RaisedButton(
                      color: Colors.green,
                      onPressed: () => acceptCookies(context),
                      child: Text(
                        '美味!',
                        style: TextStyle(color: Colors.white),
                      ),
                    ),
                  ),
                  // 拒绝 Cookie 的按钮
                  Expanded(
                    child: RaisedButton(
                      color: Colors.redAccent,
                      onPressed: () => denyCookies(context),
                      child: Text(
                        '不!',
                        style: TextStyle(color: Colors.white),
                      ),
                    ),
                  ),
                ],
              ),
            )
          ],
        ));
  }
}