reason

update styles

...@@ -42,6 +42,7 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -42,6 +42,7 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
42 ), 42 ),
43 ), 43 ),
44 body: Container( 44 body: Container(
45 + alignment: Alignment.topCenter,
45 decoration: const BoxDecoration( 46 decoration: const BoxDecoration(
46 image: DecorationImage( 47 image: DecorationImage(
47 image: AssetImage("assets/images/poem/poem_background.png"), 48 image: AssetImage("assets/images/poem/poem_background.png"),
...@@ -49,8 +50,12 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -49,8 +50,12 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
49 ), 50 ),
50 ), 51 ),
51 child: SafeArea( 52 child: SafeArea(
52 - child: Container( 53 + child: Column(
53 - margin: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 25.0), 54 + crossAxisAlignment: CrossAxisAlignment.start,
55 + children: [
56 + Container(
57 + margin: const EdgeInsets.symmetric(
58 + vertical: 40.0, horizontal: 25.0),
54 height: 240.0, 59 height: 240.0,
55 width: double.infinity, 60 width: double.infinity,
56 decoration: BoxDecoration( 61 decoration: BoxDecoration(
...@@ -101,8 +106,52 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -101,8 +106,52 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
101 ), 106 ),
102 ), 107 ),
103 ), 108 ),
104 - )), 109 + ),
105 - alignment: Alignment.topLeft, 110 + const Padding(
111 + padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 25.0),
112 + child: Text(
113 + "100位用户朗读录制提交了“临境”",
114 + style: TextStyle(color: Colors.black, fontSize: 16.0),
115 + ),
116 + ),
117 + Container(
118 + padding: const EdgeInsets.symmetric(
119 + vertical: 10.0, horizontal: 25.0),
120 + width: 400.0,
121 + height: 160.0,
122 + child: ListView.builder(
123 + itemBuilder: (BuildContext context, int index) {
124 + return Wrap(
125 + spacing: 5.0,
126 + crossAxisAlignment: WrapCrossAlignment.center,
127 + children: const [
128 + Icon(
129 + Icons.play_circle_outline,
130 + size: 16.0,
131 + ),
132 + Text(
133 + "普通话",
134 + style: TextStyle(color: Colors.white, fontSize: 16.0),
135 + )
136 + ],
137 + );
138 + }),
139 + ),
140 + Row(
141 + children: [
142 + IconButton(
143 + icon: const Icon(Icons.mic_none),
144 + onPressed: () {},
145 + ),
146 + IconButton(
147 + icon: const Icon(Icons.camera_alt_outlined),
148 + onPressed: () {},
149 + )
150 + ],
151 + ),
152 + ],
153 + ),
154 + ),
106 ), 155 ),
107 ); 156 );
108 } 157 }
......