Flutter笔记：Widgets Easier组件库（11）- 使用提示吐丝（Tip Toasts）

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  // 此处省略其他代码...
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Widget 示例'),
        ),
        body: Center(
          child: TipWidget(),
        ),
      ),
    );
  }
}
 
class TipWidget extends StatefulWidget {
  TipWidget({Key key}) : super(key: key);
 
  @override
  _TipWidgetState createState() => _TipWidgetState();
}
 
class _TipWidgetState extends State<TipWidget> {
  String tip = '点击我试试';
 
  void _showTip(BuildContext context) {
    // 使用SnackBar来显示提示
    ScaffoldMessenger.of(context).showSnackBar(SnackBar(
      content: Text(tip),
      action: SnackBarAction(
        label: '知道了',
        onPressed: () {
          // 可以在这里实现用户点击的回调逻辑
        },
      ),
    ));
  }
 
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => _showTip(context),
      child: Container(
        padding: EdgeInsets.all(12.0),
        child: Text(tip),
      ),
    );
  }
}

这段代码定义了一个名为TipWidget的有状态组件，它在用户点击时通过ScaffoldMessenger显示一个包含SnackBar的提示。这是一个简单的提示组件的实现，展示了如何在Flutter中使用SnackBar来给用户提示。