@@ -8,86 +8,88 @@ class ArticlePage extends StatelessWidget {
88
99 @override
1010 Widget build (BuildContext context) {
11- return Scaffold (
12- backgroundColor: Colors .white,
13- body: Stack (
14- children: [
15- SingleChildScrollView (
16- child: Column (
17- crossAxisAlignment: CrossAxisAlignment .start,
18- children: [
19- Hero (
20- tag: this .tag,
21- child: Image .network (article.imgUrl),
22- ),
23- const SizedBox (
24- height: 10 ,
25- ),
26- Padding (
27- padding: EdgeInsets .symmetric (horizontal: 8.0 ),
28- child: Column (
29- children: [
30- Text (
31- article.articleTitle,
32- style: const TextStyle (
33- fontSize: 22 ,
34- fontWeight: FontWeight .w500,
11+ return Container (
12+ child: Scaffold (
13+ backgroundColor: Colors .white,
14+ body: Stack (
15+ children: [
16+ SingleChildScrollView (
17+ child: Column (
18+ crossAxisAlignment: CrossAxisAlignment .start,
19+ children: [
20+ Hero (
21+ tag: this .tag,
22+ child: Image .network (article.imgUrl),
23+ ),
24+ const SizedBox (
25+ height: 10 ,
26+ ),
27+ Padding (
28+ padding: EdgeInsets .symmetric (horizontal: 8.0 ),
29+ child: Column (
30+ children: [
31+ Text (
32+ article.articleTitle,
33+ style: const TextStyle (
34+ fontSize: 22 ,
35+ fontWeight: FontWeight .w500,
36+ ),
37+ ),
38+ const SizedBox (
39+ height: 10 ,
3540 ),
36- ),
37- const SizedBox (
38- height: 10 ,
39- ),
40- Row (
41- mainAxisAlignment: MainAxisAlignment .spaceBetween,
42- children: [
43- Column (
44- children: [
45- Icon (Icons .person),
46- Text (
47- article.author,
48- style: const TextStyle (
49- fontSize: 12 ,
41+ Row (
42+ mainAxisAlignment: MainAxisAlignment .spaceBetween,
43+ children: [
44+ Column (
45+ children: [
46+ Icon (Icons .person),
47+ Text (
48+ article.author,
49+ style: const TextStyle (
50+ fontSize: 12 ,
51+ ),
5052 ),
51- ) ,
52- ] ,
53- ),
54- Column (
55- children : [
56- const Icon ( Icons .calendar_today),
57- Text (
58- article.date,
59- style : const TextStyle (
60- fontSize : 12 ,
53+ ] ,
54+ ) ,
55+ Column (
56+ children : [
57+ const Icon ( Icons .calendar_today),
58+ Text (
59+ article.date,
60+ style : const TextStyle (
61+ fontSize : 12 ,
62+ ) ,
6163 ),
62- ) ,
63- ],
64- )
65- ] ,
66- ),
67- const SizedBox (height : 20 ),
68- Text (
69- article.articleDescription ,
70- style : const TextStyle (fontSize : 18.0 ),
71- )
72- ] ,
64+ ] ,
65+ )
66+ ],
67+ ) ,
68+ const SizedBox (height : 20 ),
69+ Text (
70+ article.articleDescription,
71+ style : const TextStyle (fontSize : 18.0 ) ,
72+ )
73+ ],
74+ ) ,
7375 ),
74- ) ,
75- ] ,
76+ ] ,
77+ ) ,
7678 ),
77- ),
78- Padding (
79- padding : EdgeInsets . only (top : 30 ),
80- child : IconButton (
81- onPressed : () {
82- Navigator . pop (context);
83- },
84- icon : const Icon (
85- Icons .arrow_back ,
86- color : Colors .black ,
79+ Padding (
80+ padding : EdgeInsets . only (top : 30 ),
81+ child : IconButton (
82+ onPressed : () {
83+ Navigator . pop (context);
84+ },
85+ icon : const Icon (
86+ Icons .arrow_back,
87+ color : Colors .black ,
88+ ) ,
8789 ),
8890 ),
89- ) ,
90- ] ,
91+ ] ,
92+ ) ,
9193 ),
9294 );
9395 }
0 commit comments