time_widget.dart
2.73 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/blocs/timerbloc/timer_bloc.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/common/widgets/timer_ticker.dart';
class TimerWidget extends StatelessWidget {
const TimerWidget({super.key, required this.canSendSms});
final bool canSendSms;
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (_) => TimerBloc(ticker: const TimerTicker()),
child: TimerWidgetView(canSendSms: canSendSms,),
);
}
}
class TimerWidgetView extends StatelessWidget {
final bool canSendSms;
final Function()? sendSmsEvent;
const TimerWidgetView({super.key, required this.canSendSms,this.sendSmsEvent});
@override
Widget build(BuildContext context) {
return BlocListener<TimerBloc,TimerState>(
listener: (context, s) {
if (s is FinishedState) {
///重置计时器
context.read<TimerBloc>().add(ResetEvent());
}
},
child: _buildCountdownWidget(),
);
}
Widget _buildCountdownWidget() => BlocBuilder<TimerBloc,TimerState>(
buildWhen: (prev, state) => prev.runtimeType != state.runtimeType,
builder: (context,state) {
final bloc = BlocProvider.of<TimerBloc>(context);
return GestureDetector(
onTap: () {
if (canSendSms && !bloc.isCountTimer ) {
bloc.add(StartEvent(duration: state.duration));
}
},
child: Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(
canSendSms && !bloc.isCountTimer ? 'securitycode'.assetPng:'securitycode_dis'.assetPng
),
fit: BoxFit.fill
),
),
padding: EdgeInsets.symmetric(horizontal:12.w,vertical: 15.h),
child: Row(
children: [
if (state is RunningState)...[
const TimerText()
] else ...[
Text('获取验证码',
style: TextStyle(
fontSize: 12.sp
),)
]
],
),
),
);
},
);
}
class TimerText extends StatelessWidget {
const TimerText({super.key});
@override
Widget build(BuildContext context) {
final duration = context.select((TimerBloc bloc) => bloc.state.duration);
final secondsStr = duration.toString().padLeft(2, '0');
return Text(
'${secondsStr}s后再次获取',
style: TextStyle(
fontSize: 12.sp
),
);
}
}