Showing
5 changed files
with
18 additions
and
14 deletions
| ... | @@ -29,7 +29,7 @@ class PoemDetailPage extends StatefulWidget { | ... | @@ -29,7 +29,7 @@ class PoemDetailPage extends StatefulWidget { |
| 29 | }) : super(key: key); | 29 | }) : super(key: key); |
| 30 | 30 | ||
| 31 | final int poemId; | 31 | final int poemId; |
| 32 | - final int poemPanelHeight; | 32 | + final double poemPanelHeight; |
| 33 | final Function? onPop; | 33 | final Function? onPop; |
| 34 | 34 | ||
| 35 | @override | 35 | @override | ... | ... |
| ... | @@ -15,6 +15,8 @@ import 'package:video_player/video_player.dart'; | ... | @@ -15,6 +15,8 @@ import 'package:video_player/video_player.dart'; |
| 15 | 15 | ||
| 16 | import 'poem_detail.dart'; | 16 | import 'poem_detail.dart'; |
| 17 | 17 | ||
| 18 | +import 'package:one_poem/extension/int_extension.dart'; | ||
| 19 | + | ||
| 18 | class PoemPage extends StatefulWidget { | 20 | class PoemPage extends StatefulWidget { |
| 19 | const PoemPage({Key? key}) : super(key: key); | 21 | const PoemPage({Key? key}) : super(key: key); |
| 20 | 22 | ||
| ... | @@ -97,7 +99,7 @@ class _PoemPageState extends State<PoemPage> with WidgetsBindingObserver { | ... | @@ -97,7 +99,7 @@ class _PoemPageState extends State<PoemPage> with WidgetsBindingObserver { |
| 97 | tkController.animateToMiddle(); | 99 | tkController.animateToMiddle(); |
| 98 | }, | 100 | }, |
| 99 | poemId: 1, | 101 | poemId: 1, |
| 100 | - poemPanelHeight: 60, | 102 | + poemPanelHeight: 60.px, |
| 101 | ); | 103 | ); |
| 102 | var searchPage = SearchPage( | 104 | var searchPage = SearchPage( |
| 103 | onPop: tkController.animateToMiddle, | 105 | onPop: tkController.animateToMiddle, |
| ... | @@ -163,7 +165,7 @@ class _PoemPageState extends State<PoemPage> with WidgetsBindingObserver { | ... | @@ -163,7 +165,7 @@ class _PoemPageState extends State<PoemPage> with WidgetsBindingObserver { |
| 163 | aspectRatio: 9 / 16.0, | 165 | aspectRatio: 9 / 16.0, |
| 164 | key: Key(data.url + '$i'), | 166 | key: Key(data.url + '$i'), |
| 165 | tag: data.url, | 167 | tag: data.url, |
| 166 | - bottomPadding: hasBottomPadding ? 16.0 : 16.0, | 168 | + bottomPadding: hasBottomPadding ? 16.px : 16.px, |
| 167 | onSingleTap: () async { | 169 | onSingleTap: () async { |
| 168 | if (player.controller.value.isPlaying) { | 170 | if (player.controller.value.isPlaying) { |
| 169 | await player.pause(); | 171 | await player.pause(); | ... | ... |
| ... | @@ -13,7 +13,7 @@ class PoemUserAudio extends StatelessWidget { | ... | @@ -13,7 +13,7 @@ class PoemUserAudio extends StatelessWidget { |
| 13 | 13 | ||
| 14 | final List<Map<String, String>>? audio; | 14 | final List<Map<String, String>>? audio; |
| 15 | final String? desc; | 15 | final String? desc; |
| 16 | - final int poemPanelHeight; | 16 | + final double poemPanelHeight; |
| 17 | @override | 17 | @override |
| 18 | Widget build(BuildContext context) { | 18 | Widget build(BuildContext context) { |
| 19 | return Container( | 19 | return Container( | ... | ... |
| ... | @@ -3,6 +3,8 @@ import 'dart:ui'; | ... | @@ -3,6 +3,8 @@ import 'dart:ui'; |
| 3 | import 'package:flutter/material.dart'; | 3 | import 'package:flutter/material.dart'; |
| 4 | import 'package:one_poem/res/resources.dart'; | 4 | import 'package:one_poem/res/resources.dart'; |
| 5 | 5 | ||
| 6 | +import 'package:one_poem/extension/int_extension.dart'; | ||
| 7 | + | ||
| 6 | class TikTokTopInfoColumn extends StatelessWidget { | 8 | class TikTokTopInfoColumn extends StatelessWidget { |
| 7 | final double? bottomPadding; | 9 | final double? bottomPadding; |
| 8 | final String? info; | 10 | final String? info; |
| ... | @@ -16,8 +18,8 @@ class TikTokTopInfoColumn extends StatelessWidget { | ... | @@ -16,8 +18,8 @@ class TikTokTopInfoColumn extends StatelessWidget { |
| 16 | Widget build(BuildContext context) { | 18 | Widget build(BuildContext context) { |
| 17 | return SafeArea( | 19 | return SafeArea( |
| 18 | child: Container( | 20 | child: Container( |
| 19 | - margin: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 25.0), | 21 | + margin: EdgeInsets.symmetric(vertical: 40.px, horizontal: 25.px), |
| 20 | - height: 90.0, | 22 | + height: 92.px, |
| 21 | width: double.infinity, | 23 | width: double.infinity, |
| 22 | decoration: BoxDecoration( | 24 | decoration: BoxDecoration( |
| 23 | color: Colors.grey.shade200.withOpacity(0.1), | 25 | color: Colors.grey.shade200.withOpacity(0.1), |
| ... | @@ -36,15 +38,15 @@ class TikTokTopInfoColumn extends StatelessWidget { | ... | @@ -36,15 +38,15 @@ class TikTokTopInfoColumn extends StatelessWidget { |
| 36 | color: Colors.grey.shade200.withOpacity(0.1), | 38 | color: Colors.grey.shade200.withOpacity(0.1), |
| 37 | ), | 39 | ), |
| 38 | child: Padding( | 40 | child: Padding( |
| 39 | - padding: const EdgeInsets.all(5.0), | 41 | + padding: EdgeInsets.all(5.px), |
| 40 | child: Column( | 42 | child: Column( |
| 41 | children: [ | 43 | children: [ |
| 42 | - const SizedBox( | 44 | + SizedBox( |
| 43 | width: double.infinity, | 45 | width: double.infinity, |
| 44 | child: Text( | 46 | child: Text( |
| 45 | '辛丑牛年 庚子月 乙卯日 辰时', | 47 | '辛丑牛年 庚子月 乙卯日 辰时', |
| 46 | style: TextStyle( | 48 | style: TextStyle( |
| 47 | - fontSize: 16.0, | 49 | + fontSize: 16.px, |
| 48 | color: Colors.white, | 50 | color: Colors.white, |
| 49 | ), | 51 | ), |
| 50 | ), | 52 | ), |
| ... | @@ -53,18 +55,18 @@ class TikTokTopInfoColumn extends StatelessWidget { | ... | @@ -53,18 +55,18 @@ class TikTokTopInfoColumn extends StatelessWidget { |
| 53 | SizedBox( | 55 | SizedBox( |
| 54 | width: double.infinity, | 56 | width: double.infinity, |
| 55 | child: Stack( | 57 | child: Stack( |
| 56 | - children: const [ | 58 | + children: [ |
| 57 | Text( | 59 | Text( |
| 58 | '早安', | 60 | '早安', |
| 59 | style: TextStyle( | 61 | style: TextStyle( |
| 60 | - fontSize: 48.0, | 62 | + fontSize: 48.px, |
| 61 | color: Colors.white, | 63 | color: Colors.white, |
| 62 | fontFamily: "ZhiMangXing", | 64 | fontFamily: "ZhiMangXing", |
| 63 | ), | 65 | ), |
| 64 | ), | 66 | ), |
| 65 | Positioned( | 67 | Positioned( |
| 66 | - right: 10.0, | 68 | + right: 10.px, |
| 67 | - child: Text( | 69 | + child: const Text( |
| 68 | "02日\n2022年01月", | 70 | "02日\n2022年01月", |
| 69 | style: TextStyle(color: Colors.white), | 71 | style: TextStyle(color: Colors.white), |
| 70 | ), | 72 | ), | ... | ... |
| ... | @@ -29,7 +29,7 @@ class TikTokVidePoem extends StatelessWidget { | ... | @@ -29,7 +29,7 @@ class TikTokVidePoem extends StatelessWidget { |
| 29 | border: Border.all(color: Colors.grey, width: 0.1), // 边色与边宽度 | 29 | border: Border.all(color: Colors.grey, width: 0.1), // 边色与边宽度 |
| 30 | // borderRadius: BorderRadius.circular(2.0), | 30 | // borderRadius: BorderRadius.circular(2.0), |
| 31 | ), | 31 | ), |
| 32 | - height: 180.px, | 32 | + height: 190.px, |
| 33 | width: double.infinity, | 33 | width: double.infinity, |
| 34 | margin: EdgeInsets.symmetric(vertical: 10.px, horizontal: 25.px), | 34 | margin: EdgeInsets.symmetric(vertical: 10.px, horizontal: 25.px), |
| 35 | child: InkWell( | 35 | child: InkWell( | ... | ... |
-
Please register or login to post a comment