OnePoem / OnePoem-App

Go to a project
Toggle navigation Toggle navigation pinning
reason
0ca718dd 1 parent a3558c1d

字体是否需要描边？

Inline Side-by-side
Showing 1 changed file with 64 additions and 30 deletions
...@@ -26,6 +26,7 @@ class PoemDetailPage extends StatefulWidget { ...@@ -26,6 +26,7 @@ class PoemDetailPage extends StatefulWidget {
26 class _PoemDetailPageState extends State<PoemDetailPage> { 26 class _PoemDetailPageState extends State<PoemDetailPage> {
27 @override 27 @override
28 Widget build(BuildContext context) { 28 Widget build(BuildContext context) {
29 + const poemStr = "清晨入古寺，初日照高林。\n竹径通幽处，禅房花木深。\n山光悦鸟性，潭影空人心。\n万籁此都寂，但余钟磬音。";
29 return Scaffold( 30 return Scaffold(
30 appBar: MyAppBar( 31 appBar: MyAppBar(
31 isBack: true, 32 isBack: true,
...@@ -56,11 +57,14 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -56,11 +57,14 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
56 Container( 57 Container(
57 margin: const EdgeInsets.symmetric( 58 margin: const EdgeInsets.symmetric(
58 vertical: 30.0, horizontal: 20.0), 59 vertical: 30.0, horizontal: 20.0),
59 - height: MediaQuery.of(context).size.height - 140 - widget.poemPanelHeight, 60 + height: MediaQuery.of(context).size.height -
61 + 140 -
62 + widget.poemPanelHeight,
60 width: double.infinity, 63 width: double.infinity,
61 decoration: BoxDecoration( 64 decoration: BoxDecoration(
62 color: Colors.grey.shade200.withOpacity(0.1), 65 color: Colors.grey.shade200.withOpacity(0.1),
63 - border: Border.all(color: Colors.grey.shade50, width: 0.5), // 边色与边宽度 66 + border: Border.all(
67 + color: Colors.grey.shade50, width: 0.5), // 边色与边宽度
64 // borderRadius: BorderRadius.circular(2.0), 68 // borderRadius: BorderRadius.circular(2.0),
65 ), 69 ),
66 child: ClipRect( 70 child: ClipRect(
...@@ -93,20 +97,39 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -93,20 +97,39 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
93 ), 97 ),
94 ), 98 ),
95 Gaps.vGap12, 99 Gaps.vGap12,
96 - const Text( 100 + Stack(
97 - "清晨入古寺，初日照高林。\n竹径通幽处，禅房花木深。\n山光悦鸟性，潭影空人心。\n万籁此都寂，但余钟磬音。", 101 + alignment: Alignment.center,
98 - style: TextStyle( 102 + children: const [//TODO 字体是否描边？
99 - color: Colors.white, 103 + // Text(
100 - fontFamily: "ZCOOLXiaoWei", 104 + // poemStr,
101 - fontSize: 24.0), 105 + // style: TextStyle(
106 + // fontFamily: "ZCOOLXiaoWei",
107 + // fontSize: 24.0,
108 + // foreground: Paint()
109 + // ..style = PaintingStyle.stroke
110 + // ..strokeWidth = 1
111 + // ..color = Colors.black,
112 + // ),
113 + // ),
114 + Text(
115 + poemStr,
116 + style: TextStyle(
117 + color: Colors.white,
118 + fontFamily: "ZCOOLXiaoWei",
119 + fontSize: 24.0,
120 + ),
121 + ),
122 + ],
102 ), 123 ),
103 Gaps.vGap24, 124 Gaps.vGap24,
104 Container( 125 Container(
105 alignment: Alignment.centerLeft, 126 alignment: Alignment.centerLeft,
106 - padding: const EdgeInsets.symmetric(vertical: 5.0, horizontal: 10.0), 127 + padding: const EdgeInsets.symmetric(
128 + vertical: 5.0, horizontal: 10.0),
107 child: const Text( 129 child: const Text(
108 "100位用户朗读录制提交了“临境”", 130 "100位用户朗读录制提交了“临境”",
109 - style: TextStyle(color: Colors.white, fontSize: 15.0), 131 + style: TextStyle(
132 + color: Colors.white, fontSize: 15.0),
110 ), 133 ),
111 ), 134 ),
112 Expanded( 135 Expanded(
...@@ -114,23 +137,27 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -114,23 +137,27 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
114 padding: const EdgeInsets.symmetric( 137 padding: const EdgeInsets.symmetric(
115 vertical: 5.0, horizontal: 10.0), 138 vertical: 5.0, horizontal: 10.0),
116 width: double.infinity, 139 width: double.infinity,
117 - child: ListView.builder( 140 + child: ListView.builder(itemBuilder:
118 - itemBuilder: (BuildContext context, int index) { 141 + (BuildContext context, int index) {
119 - return Wrap( 142 + return Wrap(
120 - spacing: 5.0, 143 + spacing: 5.0,
121 - crossAxisAlignment: WrapCrossAlignment.center, 144 + crossAxisAlignment:
122 - children: const [ 145 + WrapCrossAlignment.center,
123 - Icon( 146 + children: const [
124 - Icons.play_circle_outline, 147 + Icon(
125 - size: 16.0, 148 + Icons.play_circle_outline,
126 - ), 149 + size: 16.0,
127 - Text( 150 + color: Colors.white,
128 - "普通话", 151 + ),
129 - style: TextStyle(color: Colors.white, fontSize: 16.0), 152 + Text(
130 - ) 153 + "普通话",
131 - ], 154 + style: TextStyle(
132 - ); 155 + color: Colors.white,
133 - }), 156 + fontSize: 16.0),
157 + )
158 + ],
159 + );
160 + }),
134 ), 161 ),
135 ), 162 ),
136 Container( 163 Container(
...@@ -140,16 +167,23 @@ class _PoemDetailPageState extends State<PoemDetailPage> { ...@@ -140,16 +167,23 @@ class _PoemDetailPageState extends State<PoemDetailPage> {
140 mainAxisSize: MainAxisSize.min, 167 mainAxisSize: MainAxisSize.min,
141 children: [ 168 children: [
142 IconButton( 169 IconButton(
143 - icon: const Icon(Icons.mic_none, size: 36.0,), 170 + icon: const Icon(
171 + Icons.mic_none,
172 + size: 36.0,
173 + ),
144 onPressed: () {}, 174 onPressed: () {},
145 ), 175 ),
146 Gaps.hGap16, 176 Gaps.hGap16,
147 IconButton( 177 IconButton(
148 - icon: const Icon(Icons.camera_alt_outlined, size: 36.0,), 178 + icon: const Icon(
179 + Icons.camera_alt_outlined,
180 + size: 36.0,
181 + ),
149 onPressed: () {}, 182 onPressed: () {},
150 ) 183 )
151 ], 184 ],
152 - ),), 185 + ),
186 + ),
153 ], 187 ],
154 ), 188 ),
155 ), 189 ),
......