Flutter特效动画插件glowup_vibes的使用

发布于 1周前 作者 ionicwang 来自 Flutter

Flutter特效动画插件Glowup Vibes的使用

简介

🌟 Glowup Vibes 🌟 是一个为Dart语言添加“互联网俚语”风味的Dart包。它受到了 Babel插件 的启发。

安装 💻

确保你已经安装了 Dart SDK。

通过 dart pub add 安装：

dart pub add glowup_vibes

Wat? 🤔

Glowup Vibes 是一个Dart包，它为Dart语言添加了一些“互联网俚语”风味，使你的代码更加有趣和生动。

Why?

'cause.

API 📖

Top-level getters

With rizz No Rizz (original)
onGod true
cap false
noCap true
yesnt false
nice 69
outOfPocket double.infinity
F 返回 Never，抛出一个尊重的错误
imded 调用 exit，退出码为 1
ragequit 调用 exit，退出码为 nice
cya 调用 exit，退出码为 0

Log APIs

基于 Mason Logger

With rizz No Rizz (original)
lowkey.stan(message) logger.info(message)
lowkey.sus(message) logger.warn(message)
lowkey.cringe(message) logger.err(message)
lowkey.drip(message) logger.detail(message)
lowkey.tea(message) logger.success(message)
lowkey.flex(message) logger.success(message)

Future APIs

With rizz No Rizz (original)
future.letItCook((value) { ... }, ohnoes: () { ... }) future.then((value) { ... }, onError: () { ... })
future.busted((error) { ... }) future.catchError((error) { ... })

String APIs

With rizz No Rizz (original)
'lets go FAM'.lowkey lets go fam.toLowerCase()
'lets go FAM'.highkey LETS GO FAM.toUpperCase()
'lets go FAM'.mock lEts gO Fam (spOngE bOB case)

Other APIs

With rizz No Rizz (original)
fr(assertion) assert(assertion);
cook(value) Future.value(value)
derp(error) Future.error(error)
holdup([future1, future2]) Future.wait([future1, future2])
yeet(exception) throw exception
brb(Duration(seconds: 1)) Future.delayed(Duration(seconds: 1))
typah(something) Type typah<T>(T wat) => T

示例代码

以下是一个使用 glowup_vibes 包的示例代码：

import 'package:glowup_vibes/glowup_vibes.dart';
import 'package:mason_logger/mason_logger.dart';

String? drippy(String? shout) {
  return yellow.wrap(styleBold.wrap(shout));
}

void vibeCheck() async {
  final vibe = noCap;
  final rizz = onGod;
  final depression = cap;

  lowkey.sus('the vibes might be off 💀');

  if (vibe == yesnt) {
    lowkey.cringe('vibes off', swag: drippy);
    F;
  }

  final wait = brb(Duration(seconds: 1));

  final someCooking = cook(nice);

  holdup([wait, someCooking])
      .letItCook((value) => lowkey.drip('Letisgo'))
      .busted(() {
    lowkey.cringe('yikes');
  });

  fr(typah(nice) == int);

  if (!vibe) {
    if (!rizz) {
      yeet(Exception("mid af"));
    } else {
      lowkey.drip("yikes fam");
      ragequit;
    }
  } else {
    if (depression) {
      lowkey.tea('you should talk to someone about that queen 👑');
      imded;
    }
    lowkey.stan("profit");
  }

  cya;
}

在这个示例中，我们使用了 glowup_vibes 提供的各种方法来创建一个有趣的日志记录和异步处理流程。希望这能帮助你更好地理解和使用这个包！


更多关于Flutter特效动画插件glowup_vibes的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

Harmonyos Next教程
1 回复

更多关于Flutter特效动画插件glowup_vibes的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是一个关于如何在Flutter项目中使用glowup_vibes插件来实现特效动画的示例代码。glowup_vibes插件通常用于创建各种炫酷的动画效果，比如发光、震动等。

首先，确保你已经在pubspec.yaml文件中添加了glowup_vibes依赖：

dependencies:
  flutter:
    sdk: flutter
  glowup_vibes: ^latest_version  # 请替换为实际的最新版本号

然后，运行flutter pub get来安装依赖。

接下来是一个完整的示例代码，展示如何在Flutter应用中使用glowup_vibes插件：

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

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

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

class GlowUpVibesDemoPage extends StatefulWidget {
  @override
  _GlowUpVibesDemoPageState createState() => _GlowUpVibesDemoPageState();
}

class _GlowUpVibesDemoPageState extends State<GlowUpVibesDemoPage> with SingleTickerProviderStateMixin {
  late AnimationController _controller;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      duration: const Duration(seconds: 2),
      vsync: this,
    )..repeat(reverse: true);
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('GlowUp Vibes Demo'),
      ),
      body: Center(
        child: GlowUpVibes(
          child: Text(
            'Glow Up!',
            style: TextStyle(
              fontSize: 36,
              color: Colors.white,
              fontWeight: FontWeight.bold,
            ),
          ),
          animation: _controller,
          glowColor: Colors.blue,
          glowBlurRadius: 20.0,
          vibrationFrequency: 5.0,
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // Reset the animation controller to replay the animation
          _controller.reset();
          _controller.forward();
        },
        tooltip: 'Restart Animation',
        child: Icon(Icons.replay),
      ),
    );
  }
}

在这个示例中，我们创建了一个Flutter应用，并在其中使用GlowUpVibes小部件来应用发光和震动效果。以下是代码的关键点：

  1. 依赖添加：在pubspec.yaml文件中添加glowup_vibes依赖。
  2. 动画控制器：使用AnimationController来控制动画的时长和重复行为。
  3. GlowUpVibes：将GlowUpVibes小部件包装在要应用特效的子部件（如Text）周围。
  4. 动画属性：通过animation属性传递动画控制器，并通过glowColor、glowBlurRadius和vibrationFrequency等属性调整特效的参数。

确保在实际使用中，替换^latest_version为glowup_vibes插件的实际最新版本号，并根据需要调整动画和特效的参数。

回到顶部