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
|
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import '../components/FixedContainer.dart';
class StatusInfoCard extends StatelessWidget {
Stream<DateTime> time$;
DateTime defaultTime;
StatusInfoCard(this.time$, { this.defaultTime }): super();
final timeFormat = DateFormat('h:m a'); // H fr 24 hrs
final dateFormat = DateFormat('EEEE, d MMM');
@override
Widget build(BuildContext ctx) {
return StreamBuilder<DateTime>(
stream: time$,
initialData: defaultTime,
builder: (BuildContext context, AsyncSnapshot<DateTime> snapshot) {
Widget child = Text('Loading...', key: Key('loading'));
if (snapshot.hasData) {
child = Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(timeFormat.format(snapshot.data),
key: Key('time'),
textAlign: TextAlign.left,
style: const TextStyle(
fontSize: 32.0,
fontWeight: FontWeight.bold,
),
),
Text(dateFormat.format(snapshot.data),
key: Key('date'),
textAlign: TextAlign.left,
style: const TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w300,
),
),
]
);
}
return Container(
height: 80,
padding: EdgeInsets.symmetric(vertical: 8.0),
child: Align(alignment: Alignment.topLeft, child: child),
);
},
);
}
}
class HomeView extends StatelessWidget {
Stream<DateTime> time$;
DateTime defaultTime;
HomeView(this.time$, { this.defaultTime }): super();
@override
Widget build(BuildContext ctx) {
return FixedContainer(
padding: const EdgeInsets.symmetric(vertical: 36.0, horizontal: 16.0),
child: Column(
children: [
StatusInfoCard(time$, defaultTime: defaultTime),
Expanded(child: Text('Content')),
],
)
);
}
}
|