Showing
1 changed file
with
53 additions
and
4 deletions
... | @@ -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 | } | ... | ... |
-
Please register or login to post a comment