reason

todo 页面高度需要计算一下

...@@ -80,14 +80,18 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -80,14 +80,18 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
80 ), 80 ),
81 child: Padding( 81 child: Padding(
82 padding: const EdgeInsets.all(10.0), 82 padding: const EdgeInsets.all(10.0),
83 - child: Column( 83 + child: Flex(
84 + direction: Axis.vertical,
84 children: [ 85 children: [
85 const PoemContent( 86 const PoemContent(
86 title: "题破山寺后禅院", 87 title: "题破山寺后禅院",
87 author: "常建", 88 author: "常建",
88 poemStr: poemStr, 89 poemStr: poemStr,
89 ), 90 ),
90 - const PoemUserComments(), 91 + const Expanded(
92 + flex: 1,
93 + child: PoemUserComments(),
94 + ),
91 Container( 95 Container(
92 width: double.infinity, 96 width: double.infinity,
93 alignment: Alignment.center, 97 alignment: Alignment.center,
......
...@@ -12,47 +12,39 @@ class PoemUserComments extends StatelessWidget { ...@@ -12,47 +12,39 @@ class PoemUserComments extends StatelessWidget {
12 final String? desc; 12 final String? desc;
13 @override 13 @override
14 Widget build(BuildContext context) { 14 Widget build(BuildContext context) {
15 - return SizedBox( 15 + return Container(
16 - height: 360, //TODO 高度待定 16 + padding: const EdgeInsets.symmetric(vertical: 5.0, horizontal: 10.0),
17 width: double.infinity, 17 width: double.infinity,
18 - child: Flex( 18 + child: Column(
19 - direction: Axis.vertical, 19 + children: <Widget>[
20 - children: [ 20 + ListTile(
21 - Container( 21 + title: Text(
22 - alignment: Alignment.centerLeft,
23 - padding:
24 - const EdgeInsets.symmetric(vertical: 5.0, horizontal: 10.0),
25 - child: Text(
26 desc ?? "一大波用户朗读录制提交了“临境”", 22 desc ?? "一大波用户朗读录制提交了“临境”",
27 style: const TextStyle(color: Colors.white, fontSize: 15.0), 23 style: const TextStyle(color: Colors.white, fontSize: 15.0),
28 ), 24 ),
29 ), 25 ),
30 - Expanded( 26 + SizedBox(
31 - flex: 1, 27 + width: double.infinity,
32 - child: Container( 28 + height: 200.0,
33 - padding: 29 + child:ListView.builder(
34 - const EdgeInsets.symmetric(vertical: 5.0, horizontal: 10.0), 30 + itemBuilder: (BuildContext context, int index) {
35 - width: double.infinity, 31 + return Wrap(
36 - child: ListView.builder( 32 + spacing: 5.0,
37 - itemBuilder: (BuildContext context, int index) { 33 + crossAxisAlignment: WrapCrossAlignment.center,
38 - return Wrap( 34 + children: const [
39 - spacing: 5.0, 35 + Icon(
40 - crossAxisAlignment: WrapCrossAlignment.center, 36 + Icons.play_circle_outline,
41 - children: const [ 37 + size: 16.0,
42 - Icon( 38 + color: Colors.white,
43 - Icons.play_circle_outline, 39 + ),
44 - size: 16.0, 40 + Text(
45 - color: Colors.white, 41 + "普通话",
46 - ), 42 + style: TextStyle(color: Colors.white, fontSize: 16.0),
47 - Text( 43 + )
48 - "普通话", 44 + ],
49 - style: TextStyle(color: Colors.white, fontSize: 16.0), 45 + );
50 - ) 46 + }),
51 - ], 47 + ),
52 - );
53 - }),
54 - ),
55 - )
56 ], 48 ],
57 ), 49 ),
58 ); 50 );
......