flutter 仿制苹果弹窗

最新推荐文章于 2025-03-10 20:53:16 发布

zqwily

最新推荐文章于 2025-03-10 20:53:16 发布

阅读量778

点赞数

文章标签： flutter android

本文链接：https://blog.youkuaiyun.com/zqwily/article/details/127092163

版权

本文将详细介绍如何使用Flutter框架来创建一个模仿苹果设备上的弹窗效果。通过自定义Widget和动画，我们将实现一个功能齐全且视觉上与苹果系统相似的弹窗组件。内容包括弹窗的布局设计、动画效果实现以及与用户交互的细节处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class TipDialog extends Dialog {
  final String? content;
  final String? title;
  final void Function()? fn1;

  /// 确认按钮文字
  final String fn2Text;

  /// 回调函数
  final void Function()? fn2;

  /// 按钮文字
  final String fn1Text;
  final double height;
  final String? subTitle;

  TipDialog({
    Key? key,
    this.content = '',
    this.title,
    this.height = 300.0,
    this.fn2Text = "取消",
    this.fn1Text = "确定",
    this.fn1,
    this.subTitle,
    this.fn2,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Material(
      type: MaterialType.transparency,
      child: Center(
          child: Container(
        height: height.w,
        constraints: BoxConstraints(
            maxWidth: ScreenUtil.getScreenW(context) - 104,
            maxHeight: ScreenUtil.getScreenW(context),
            minHeight: height.w),
        margin: MediaQuery.of(context).viewInsets +
            const EdgeInse

最低0.47元/天解锁文章