reason

update styles

......@@ -42,6 +42,7 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
),
),
body: Container(
alignment: Alignment.topCenter,
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage("assets/images/poem/poem_background.png"),
......@@ -49,8 +50,12 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
),
),
child: SafeArea(
child: Container(
margin: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 25.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
margin: const EdgeInsets.symmetric(
vertical: 40.0, horizontal: 25.0),
height: 240.0,
width: double.infinity,
decoration: BoxDecoration(
......@@ -101,8 +106,52 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
),
),
),
)),
alignment: Alignment.topLeft,
),
const Padding(
padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 25.0),
child: Text(
"100位用户朗读录制提交了“临境”",
style: TextStyle(color: Colors.black, fontSize: 16.0),
),
),
Container(
padding: const EdgeInsets.symmetric(
vertical: 10.0, horizontal: 25.0),
width: 400.0,
height: 160.0,
child: ListView.builder(
itemBuilder: (BuildContext context, int index) {
return Wrap(
spacing: 5.0,
crossAxisAlignment: WrapCrossAlignment.center,
children: const [
Icon(
Icons.play_circle_outline,
size: 16.0,
),
Text(
"普通话",
style: TextStyle(color: Colors.white, fontSize: 16.0),
)
],
);
}),
),
Row(
children: [
IconButton(
icon: const Icon(Icons.mic_none),
onPressed: () {},
),
IconButton(
icon: const Icon(Icons.camera_alt_outlined),
onPressed: () {},
)
],
),
],
),
),
),
);
}
......