Flutter轻量级提示插件just_toast的使用

Just Toast

这是为Flutter设计的轻量级提示插件！

使用

基本用法

showToast(context: context, text: 'toast message');

自定义提示

showToast(
  context: context,
  text: 'Custom Toast message',
  duration: const Duration(milliseconds: 1000), // 持续时间
  alignment: Alignment.center, // 对齐方式
  textStyle: const TextStyle(fontSize: 20, color: Colors.amber), // 文字样式
  color: Colors.purple, // 背景颜色
);

完整示例Demo

下面是完整的示例代码：

import 'package:flutter/material.dart';
import 'package:just_toast/toast/show_toast.dart'; // 导入just_toast包

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是你的应用的根
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'JUST TOAST', // 应用名称
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const ExamplePage(title: 'JUST TOAST'), // 主页
    );
  }
}

class ExamplePage extends StatefulWidget {
  const ExamplePage({super.key, required this.title});

  final String title;

  [@override](/user/override)
  State<ExamplePage> createState() => _ExamplePageState();
}

class _ExamplePageState extends State<ExamplePage> {
  // 显示普通Toast
  void _showToast() {
    showToast(
      context: context,
      text: 'Toast message',
    );
  }

  // 显示自定义Toast
  void _showCustomToast() {
    showToast(
      context: context,
      text: 'Custom Toast message',
      duration: const Duration(milliseconds: 1000), // 持续时间
      alignment: Alignment.center, // 对齐方式
      textStyle: const TextStyle(fontSize: 20, color: Colors.amber), // 文字样式
      color: Colors.purple, // 背景颜色
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _showToast, // 点击按钮时调用_showToast方法
              child: const Text('Show Toast'),
            ),
            ElevatedButton(
              onPressed: _showCustomToast, // 点击按钮时调用_showCustomToast方法
              child: const Text('Show Custom Toast'),
            ),
          ],
        ),
      ),
    );
  }
}