OnePoem / OnePoem-App

Go to a project
Toggle navigation Toggle navigation pinning
reason
6d5db287 1 parent 5f905f43

todo 页面高度需要计算一下

Inline Side-by-side
Showing 2 changed files with 34 additions and 38 deletions
......@@ -80,14 +80,18 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
),
child: Padding(
padding: const EdgeInsets.all(10.0),
child: Column(
child: Flex(
direction: Axis.vertical,
children: [
const PoemContent(
title: "题破山寺后禅院",
author: "常建",
poemStr: poemStr,
),
const PoemUserComments(),
const Expanded(
flex: 1,
child: PoemUserComments(),
),
Container(
width: double.infinity,
alignment: Alignment.center,
......
......@@ -12,47 +12,39 @@ class PoemUserComments extends StatelessWidget {
final String? desc;
@override
Widget build(BuildContext context) {
return SizedBox(
height: 360, //TODO 高度待定
return Container(
padding: const EdgeInsets.symmetric(vertical: 5.0, horizontal: 10.0),
width: double.infinity,
child: Flex(
direction: Axis.vertical,
children: [
Container(
alignment: Alignment.centerLeft,
padding:
const EdgeInsets.symmetric(vertical: 5.0, horizontal: 10.0),
child: Text(
child: Column(
children: <Widget>[
ListTile(
title: Text(
desc ?? "一大波用户朗读录制提交了“临境”",
style: const TextStyle(color: Colors.white, fontSize: 15.0),
),
),
Expanded(
flex: 1,
child: Container(
padding:
const EdgeInsets.symmetric(vertical: 5.0, horizontal: 10.0),
width: double.infinity,
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,
color: Colors.white,
),
Text(
"普通话",
style: TextStyle(color: Colors.white, fontSize: 16.0),
)
],
);
}),
),
)
SizedBox(
width: double.infinity,
height: 200.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,
color: Colors.white,
),
Text(
"普通话",
style: TextStyle(color: Colors.white, fontSize: 16.0),
)
],
);
}),
),
],
),
);
......