-
-
Notifications
You must be signed in to change notification settings - Fork 47
/
material_page.dart
98 lines (92 loc) · 3.14 KB
/
material_page.dart
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
96
97
98
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:genshindb/application/bloc.dart' as bloc;
import 'package:genshindb/presentation/shared/loading.dart';
import 'package:genshindb/presentation/shared/scaffold_with_fab.dart';
import 'widgets/material_detail_bottom.dart';
import 'widgets/material_detail_top.dart';
class MaterialPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
final isPortrait = MediaQuery.of(context).orientation == Orientation.portrait;
return isPortrait ? const _PortraitLayout() : const _LandscapeLayout();
}
}
class _PortraitLayout extends StatelessWidget {
const _PortraitLayout({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return ScaffoldWithFab(
child: BlocBuilder<bloc.MaterialBloc, bloc.MaterialState>(
builder: (context, state) {
return state.map(
loading: (_) => const Loading(useScaffold: false),
loaded: (s) => Stack(
fit: StackFit.passthrough,
clipBehavior: Clip.none,
alignment: Alignment.topCenter,
children: [
MaterialDetailTop(
name: s.name,
image: s.fullImage,
type: s.type,
rarity: s.rarity,
days: s.days,
),
MaterialDetailBottom(
description: s.description,
rarity: s.rarity,
charImgs: s.charImages,
weaponImgs: s.weaponImages,
obtainedFrom: s.obtainedFrom,
relatedTo: s.relatedMaterials,
droppedBy: s.droppedBy,
),
],
),
);
},
),
);
}
}
class _LandscapeLayout extends StatelessWidget {
const _LandscapeLayout({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: BlocBuilder<bloc.MaterialBloc, bloc.MaterialState>(
builder: (ctx, state) => state.map(
loading: (_) => const Loading(useScaffold: false),
loaded: (state) => Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expanded(
child: MaterialDetailTop(
name: state.name,
image: state.fullImage,
type: state.type,
rarity: state.rarity,
days: state.days,
),
),
Expanded(
child: MaterialDetailBottom(
rarity: state.rarity,
charImgs: state.charImages,
weaponImgs: state.weaponImages,
obtainedFrom: state.obtainedFrom,
relatedTo: state.relatedMaterials,
droppedBy: state.droppedBy,
description: state.description,
),
),
],
),
),
),
),
);
}
}