voice_answer_page.dart
2.88 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
94
95
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/pages/practice/widgets/practice_header_widget.dart';
import 'bloc/voice_answer_bloc.dart';
class VoiceAnswerPage extends StatelessWidget {
const VoiceAnswerPage({super.key});
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (_) => VoiceAnswerBloc(),
child: _VoiceAnswerPage(),
);
}
}
class _VoiceAnswerPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BlocListener<VoiceAnswerBloc,VoiceAnswerState>(
listener: (context, state) {},
child: _voiceAnswerView(),
);
}
Widget _voiceAnswerView() => BlocBuilder<VoiceAnswerBloc,VoiceAnswerState>(
builder: (context, state) {
final bloc = BlocProvider.of<VoiceAnswerBloc>(context);
return Container(
color: Colors.white,
child: Stack(
children: [
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Image.asset(
'bottom_grass'.assetPng,
fit: BoxFit.fitWidth,
)),
Column(
children: [
PracticeHeaderWidget(
title: '1/8',
onTap: () {
Navigator.pop(context);
},
),
Expanded(
child: PageView.builder(
itemCount: 10,
itemBuilder: (context, int index) {
return _voiceAnswerItem();
}))
],
)
],
),
);
});
Widget _voiceAnswerItem() => BlocBuilder<VoiceAnswerBloc,VoiceAnswerState>(builder: (context, state) {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.network(
'https://img.liblibai.com/web/648331d5a2cb5.png?image_process=format,webp&x-oss-process=image/resize,w_2980,m_lfit/format,webp',
height: 186.h,
width: 186.w,
),
160.horizontalSpace,
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(
'voice'.assetPng,
height: 52.h,
width: 46.w,
),
70.verticalSpace,
Image.asset(
'micro_phone'.assetPng,
height: 75.w,
width: 75.w,
)
],
)
],
);
});
}