@@ -7,106 +7,108 @@ class ProductDesc extends StatelessWidget {
77 const ProductDesc ({Key key, this .product}) : super (key: key);
88 @override
99 Widget build (BuildContext context) {
10- return new Column (
11- mainAxisAlignment: MainAxisAlignment .spaceEvenly,
12- children: < Widget > [
13- Padding (
14- padding: const EdgeInsets .all (16.0 ),
15- child: new ListTile (
16- title: new Text (
17- product.name,
18- style: new TextStyle (
19- fontSize: 18.0 ,
20- color: Colors .white,
21- fontWeight: FontWeight .w700),
10+ return SingleChildScrollView (
11+ child: new Column (
12+ mainAxisAlignment: MainAxisAlignment .spaceEvenly,
13+ children: < Widget > [
14+ Padding (
15+ padding: const EdgeInsets .all (16.0 ),
16+ child: new ListTile (
17+ title: new Text (
18+ product.name,
19+ style: new TextStyle (
20+ fontSize: 18.0 ,
21+ color: Colors .white,
22+ fontWeight: FontWeight .w700),
23+ ),
24+ subtitle: new Text (
25+ product.brand,
26+ style: new TextStyle (
27+ fontSize: 15.0 ,
28+ color: Colors .white,
29+ fontWeight: FontWeight .normal),
30+ ),
31+ trailing: new Text (product.price,
32+ style: new TextStyle (
33+ fontSize: 25.0 ,
34+ fontWeight: FontWeight .bold,
35+ color: Colors .yellow)),
2236 ),
23- subtitle: new Text (
24- product.brand,
25- style: new TextStyle (
26- fontSize: 15.0 ,
27- color: Colors .white,
28- fontWeight: FontWeight .normal),
37+ ),
38+ new SizedBox (
39+ height: 10.0 ,
40+ ),
41+ Padding (
42+ padding: const EdgeInsets .symmetric (horizontal: 28.0 ),
43+ child: new Text (
44+ product.description,
45+ style: TextStyle (color: Colors .white),
46+ textAlign: TextAlign .start,
2947 ),
30- trailing: new Text (product.price,
31- style: new TextStyle (
32- fontSize: 25.0 ,
33- fontWeight: FontWeight .bold,
34- color: Colors .yellow)),
3548 ),
36- ),
37- new SizedBox (
38- height: 10.0 ,
39- ),
40- Padding (
41- padding: const EdgeInsets .symmetric (horizontal: 28.0 ),
42- child: new Text (
43- product.description,
44- style: TextStyle (color: Colors .white),
45- textAlign: TextAlign .start,
49+ new SizedBox (
50+ height: 30.0 ,
4651 ),
47- ),
48- new SizedBox (
49- height: 30.0 ,
50- ),
51- new Card (
52- clipBehavior: Clip .antiAlias,
53- shape: new RoundedRectangleBorder (
54- borderRadius: new BorderRadius .circular (8.0 )),
55- color: Colors .white,
56- child: Padding (
57- padding: const EdgeInsets .all (8.0 ),
58- child: new Row (
59- mainAxisAlignment: MainAxisAlignment .spaceEvenly,
60- crossAxisAlignment: CrossAxisAlignment .center,
61- children: < Widget > [
62- new Column (
63- mainAxisAlignment: MainAxisAlignment .spaceEvenly,
64- children: < Widget > [
65- new Text (
66- "Your Size" ,
67- style: TextStyle (fontWeight: FontWeight .w700),
68- ),
69- new RawChip (
52+ new Card (
53+ clipBehavior: Clip .antiAlias,
54+ shape: new RoundedRectangleBorder (
55+ borderRadius: new BorderRadius .circular (8.0 )),
56+ color: Colors .white,
57+ child: Padding (
58+ padding: const EdgeInsets .all (8.0 ),
59+ child: new Row (
60+ mainAxisAlignment: MainAxisAlignment .spaceEvenly,
61+ crossAxisAlignment: CrossAxisAlignment .center,
62+ children: < Widget > [
63+ new Column (
64+ mainAxisAlignment: MainAxisAlignment .spaceEvenly,
65+ children: < Widget > [
66+ new Text (
67+ "Your Size" ,
68+ style: TextStyle (fontWeight: FontWeight .w700),
69+ ),
70+ new RawChip (
71+ label: new Text (
72+ "M" ,
73+ style: TextStyle (color: Colors .white),
74+ ),
75+ backgroundColor: Colors .cyan)
76+ ],
77+ ),
78+ new Column (
79+ mainAxisAlignment: MainAxisAlignment .spaceEvenly,
80+ children: < Widget > [
81+ new Text ("Color" ,
82+ style: TextStyle (fontWeight: FontWeight .w700)),
83+ new RawChip (
7084 label: new Text (
71- "M " ,
85+ "Red Blue " ,
7286 style: TextStyle (color: Colors .white),
7387 ),
74- backgroundColor: Colors .cyan)
75- ],
76- ),
77- new Column (
78- mainAxisAlignment: MainAxisAlignment .spaceEvenly,
79- children: < Widget > [
80- new Text ("Color" ,
81- style: TextStyle (fontWeight: FontWeight .w700)),
82- new RawChip (
83- label: new Text (
84- "Red Blue" ,
85- style: TextStyle (color: Colors .white),
86- ),
87- backgroundColor: Colors .red,
88- )
89- ],
90- ),
91- new Column (
92- mainAxisAlignment: MainAxisAlignment .spaceEvenly,
93- children: < Widget > [
94- new Text ("Product ID" ,
95- style: TextStyle (fontWeight: FontWeight .w700)),
96- new RawChip (
97- label: new Text (
98- "PQ1001" ,
99- style: TextStyle (color: Colors .white),
100- ),
101- backgroundColor: Colors .green,
102- )
103- ],
104- )
105- ],
88+ backgroundColor: Colors .red,
89+ )
90+ ],
91+ ),
92+ new Column (
93+ mainAxisAlignment: MainAxisAlignment .spaceEvenly,
94+ children: < Widget > [
95+ new Text ("Product ID" ,
96+ style: TextStyle (fontWeight: FontWeight .w700)),
97+ new RawChip (
98+ label: new Text (
99+ "PQ1001" ,
100+ style: TextStyle (color: Colors .white),
101+ ),
102+ backgroundColor: Colors .green,
103+ )
104+ ],
105+ )
106+ ],
107+ ),
106108 ),
107- ),
108- )
109- ] ,
109+ )
110+ ],
111+ ) ,
110112 );
111113 }
112114}
0 commit comments