OnePoem / OnePoem-App

Go to a project
Toggle navigation Toggle navigation pinning
reason
24f4dc50 1 parent 6f4ff762

repair style

Inline Side-by-side
Showing 1 changed file with 51 additions and 48 deletions
...@@ -53,8 +53,8 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -53,8 +53,8 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
53 children: [ 53 children: [
54 Container( 54 Container(
55 margin: const EdgeInsets.symmetric( 55 margin: const EdgeInsets.symmetric(
56 - vertical: 40.0, horizontal: 20.0), 56 + vertical: 30.0, horizontal: 20.0),
57 - height: 240.0, 57 + height: MediaQuery.of(context).size.height - 200,
58 width: double.infinity, 58 width: double.infinity,
59 decoration: BoxDecoration( 59 decoration: BoxDecoration(
60 color: Colors.grey.shade200.withOpacity(0.1), 60 color: Colors.grey.shade200.withOpacity(0.1),
...@@ -74,8 +74,8 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -74,8 +74,8 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
74 child: Padding( 74 child: Padding(
75 padding: const EdgeInsets.all(10.0), 75 padding: const EdgeInsets.all(10.0),
76 child: Column( 76 child: Column(
77 - children: const [ 77 + children: [
78 - Text( 78 + const Text(
79 "题破山寺后禅院", 79 "题破山寺后禅院",
80 style: TextStyle( 80 style: TextStyle(
81 fontSize: 24.0, 81 fontSize: 24.0,
...@@ -83,7 +83,7 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -83,7 +83,7 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
83 ), 83 ),
84 ), 84 ),
85 Gaps.vGap16, 85 Gaps.vGap16,
86 - Text( 86 + const Text(
87 "常建", 87 "常建",
88 style: TextStyle( 88 style: TextStyle(
89 fontSize: 18.0, 89 fontSize: 18.0,
...@@ -91,13 +91,46 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -91,13 +91,46 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
91 ), 91 ),
92 ), 92 ),
93 Gaps.vGap12, 93 Gaps.vGap12,
94 - Text( 94 + const Text(
95 "清晨入古寺，初日照高林。\n竹径通幽处，禅房花木深。\n山光悦鸟性，潭影空人心。\n万籁此都寂，但余钟磬音。", 95 "清晨入古寺，初日照高林。\n竹径通幽处，禅房花木深。\n山光悦鸟性，潭影空人心。\n万籁此都寂，但余钟磬音。",
96 style: TextStyle( 96 style: TextStyle(
97 color: Colors.white, 97 color: Colors.white,
98 fontFamily: "ZCOOLXiaoWei", 98 fontFamily: "ZCOOLXiaoWei",
99 fontSize: 24.0), 99 fontSize: 24.0),
100 ), 100 ),
101 + Gaps.vGap24,
102 + Container(
103 + alignment: Alignment.centerLeft,
104 + padding: const EdgeInsets.symmetric(vertical: 5.0, horizontal: 10.0),
105 + child: const Text(
106 + "100位用户朗读录制提交了“临境”",
107 + style: TextStyle(color: Colors.white, fontSize: 15.0),
108 + ),
109 + ),
110 + Expanded(
111 + child: Container(
112 + padding: const EdgeInsets.symmetric(
113 + vertical: 5.0, horizontal: 10.0),
114 + width: double.infinity,
115 + child: ListView.builder(
116 + itemBuilder: (BuildContext context, int index) {
117 + return Wrap(
118 + spacing: 5.0,
119 + crossAxisAlignment: WrapCrossAlignment.center,
120 + children: const [
121 + Icon(
122 + Icons.play_circle_outline,
123 + size: 16.0,
124 + ),
125 + Text(
126 + "普通话",
127 + style: TextStyle(color: Colors.white, fontSize: 16.0),
128 + )
129 + ],
130 + );
131 + }),
132 + ),
133 + ),
101 ], 134 ],
102 ), 135 ),
103 ), 136 ),
...@@ -105,48 +138,18 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -105,48 +138,18 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
105 ), 138 ),
106 ), 139 ),
107 ), 140 ),
108 - const Padding( 141 + // Row(
109 - padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 25.0), 142 + // children: [
110 - child: Text( 143 + // IconButton(
111 - "100位用户朗读录制提交了“临境”", 144 + // icon: const Icon(Icons.mic_none),
112 - style: TextStyle(color: Colors.black, fontSize: 16.0), 145 + // onPressed: () {},
113 - ), 146 + // ),
114 - ), 147 + // IconButton(
115 - Container( 148 + // icon: const Icon(Icons.camera_alt_outlined),
116 - padding: const EdgeInsets.symmetric( 149 + // onPressed: () {},
117 - vertical: 10.0, horizontal: 25.0), 150 + // )
118 - width: 400.0, 151 + // ],
119 - height: 160.0, 152 + // ),
120 - child: ListView.builder(
121 - itemBuilder: (BuildContext context, int index) {
122 - return Wrap(
123 - spacing: 5.0,
124 - crossAxisAlignment: WrapCrossAlignment.center,
125 - children: const [
126 - Icon(
127 - Icons.play_circle_outline,
128 - size: 16.0,
129 - ),
130 - Text(
131 - "普通话",
132 - style: TextStyle(color: Colors.white, fontSize: 16.0),
133 - )
134 - ],
135 - );
136 - }),
137 - ),
138 - Row(
139 - children: [
140 - IconButton(
141 - icon: const Icon(Icons.mic_none),
142 - onPressed: () {},
143 - ),
144 - IconButton(
145 - icon: const Icon(Icons.camera_alt_outlined),
146 - onPressed: () {},
147 - )
148 - ],
149 - ),
150 ], 153 ],
151 ), 154 ),
152 ), 155 ),
......