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