member_retain_dialog.dart 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. import 'dart:io';
  2. import 'package:flutter/material.dart';
  3. import 'package:flutter_screenutil/flutter_screenutil.dart';
  4. import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
  5. import 'package:location/resource/assets.gen.dart';
  6. import 'package:location/resource/string.gen.dart';
  7. import 'package:location/utils/common_style.dart';
  8. class MemberRetainDialog {
  9. static final String _tag = 'MemberRetainDialog';
  10. static void show(
  11. {required VoidCallback payClick, required VoidCallback cancelClick}) {
  12. SmartDialog.show(
  13. tag: _tag,
  14. backDismiss: false,
  15. keepSingle: true,
  16. clickMaskDismiss: false,
  17. builder: (_) {
  18. return _MemberRetainDialogWidget(
  19. payClick: payClick, cancelClick: cancelClick);
  20. });
  21. }
  22. static void dismiss() {
  23. SmartDialog.dismiss(tag: _tag);
  24. }
  25. }
  26. class _MemberRetainDialogWidget extends Dialog {
  27. final VoidCallback payClick;
  28. final VoidCallback cancelClick;
  29. const _MemberRetainDialogWidget(
  30. {required this.payClick, required this.cancelClick});
  31. @override
  32. Widget build(BuildContext context) {
  33. return IntrinsicHeight(
  34. child: Column(
  35. children: [
  36. Stack(
  37. children: [
  38. Visibility(
  39. visible: Platform.isAndroid,
  40. child: Positioned(
  41. top: 0,
  42. left: 10.w,
  43. child: SizedBox(
  44. width: 300.w,
  45. child: AspectRatio(
  46. aspectRatio: 987 / 543,
  47. child: Assets.images.imgMemberRetainHeader.image()),
  48. ),
  49. ),
  50. ),
  51. Column(
  52. children: [
  53. SizedBox(height: 110.w),
  54. SizedBox(
  55. width: 294.w,
  56. child: AspectRatio(
  57. aspectRatio: 882 / 966,
  58. child: Assets.images.imgMemberRetainContainer.image()),
  59. )
  60. ],
  61. ),
  62. Positioned(
  63. bottom: 22.w,
  64. left: 36.w,
  65. right: 36.w,
  66. child: GestureDetector(
  67. onTap: () {
  68. MemberRetainDialog.dismiss();
  69. payClick();
  70. },
  71. child: Container(
  72. height: 40.w,
  73. decoration: BoxDecoration(
  74. gradient: LinearGradient(
  75. begin: Alignment.centerLeft, // 90度相当于从左到右
  76. end: Alignment.centerRight,
  77. colors: [
  78. Color(0xFF7B7DFF), // #7B7DFF
  79. Color(0xFF6365FF), // #6365FF
  80. ],
  81. stops: [0.0, 1.0],
  82. // 从0%到100%
  83. ),
  84. borderRadius: BorderRadius.circular(40.w / 2.0),
  85. ),
  86. //getPrimaryBtnDecoration(100.w),
  87. child: Center(
  88. child: Text(
  89. Platform.isAndroid
  90. ? StringName.memberContinuePay
  91. : StringName.memberContinuePayIos,
  92. style:
  93. TextStyle(fontSize: 15.sp, color: Colors.white)),
  94. ),
  95. ),
  96. ),
  97. )
  98. ],
  99. ),
  100. SizedBox(
  101. height: 24.w,
  102. ),
  103. Center(
  104. child: GestureDetector(
  105. onTap: () {
  106. MemberRetainDialog.dismiss();
  107. cancelClick();
  108. },
  109. child: Assets.images.iconMemberRetainClose
  110. .image(width: 32.w, height: 32.w),
  111. ),
  112. )
  113. ],
  114. ),
  115. );
  116. }
  117. }