fix video ui

lib/photo.dart

 export 'package:photo/src/delegate/badge_delegate.dart';
 export 'package:photo/src/entity/_theme.dart';
 export 'package:image_picker/image_picker.dart' show CameraDevice, PickedFile;
-export 'package:photo_manager/photo_manager.dart' show AssetEntity;
+export 'package:photo_manager/photo_manager.dart' show AssetEntity, AssetType;
 
 class PhotoPicker {
   static PhotoPicker _instance;
     @required BuildContext context,
     int rowCount = 4,
     int maxSelected = 9,
-    double padding = 1,
+    double padding = 0.5,
     double itemRadio = 1.0,
     int thumbSize = 180,
     PhotoTheme theme,
       sortDelegate: sortDelegate,
       checkBoxBuilderDelegate: DefaultCheckBoxBuilderDelegate(),
       loadingDelegate: loadingDelegate,
-      badgeDelegate: DefaultBadgeDelegate(),
+      badgeDelegate: DurationBadgeDelegate(),
       pickType: pickType,
     );
 
   static Future<AssetEntity> pickSingleAsset({
     @required BuildContext context,
     int rowCount = 4,
-    double padding = 1,
+    double padding = 0.5,
     double itemRadio = 1.0,
     int thumbSize = 180,
     PhotoTheme theme,
       sortDelegate: sortDelegate,
       checkBoxBuilderDelegate: DefaultCheckBoxBuilderDelegate(),
       loadingDelegate: loadingDelegate,
-      badgeDelegate: DefaultBadgeDelegate(),
+      badgeDelegate: DurationBadgeDelegate(),
       pickType: pickType,
     );
     assert(provider != null, "provider must be not null");

lib/src/delegate/badge_delegate.dart

 import 'package:flutter/material.dart';
+import 'package:photo/src/engine/iconfont.dart';
 import 'package:photo_manager/photo_manager.dart';
 
 abstract class BadgeDelegate {
   Widget buildBadge(BuildContext context, AssetType type, Duration duration) {
     if (type == AssetType.video) {
       var s = duration.inSeconds % 60;
-      var m = duration.inMinutes % 60;
-      var h = duration.inHours;
+      var m = duration.inMinutes;
 
-      String text =
-          "$h:${m.toString().padLeft(2, '0')}:${s.toString().padLeft(2, '0')}";
+      String text = "${m.toString().padLeft(2, '0')}:${s.toString().padLeft(2, '0')}";
 
       return Padding(
-        padding: const EdgeInsets.all(2.0),
+        padding: const EdgeInsets.all(4.0),
         child: Align(
           alignment: alignment,
           child: Container(
-            decoration: BoxDecoration(
-              color: Theme.of(context).primaryColor.withOpacity(0.65),
+            child: Row(
+              children: [
+                Icon(MutliImagePickerFont.video, size: 20, color: Colors.white,),
+                Padding(
+                  padding: EdgeInsets.only(left: 6.0),
+                  child: Text(
+                    text,
+                    style: const TextStyle(
+                      fontSize: 14.0,
+                      color: Colors.white,
+                    ),
+                  ),
+                ),
+              ],
             ),
-            child: Text(
-              text,
-              style: const TextStyle(
-                fontSize: 12.0,
-                color: Colors.white,
-              ),
+            padding: EdgeInsets.symmetric(
+              horizontal: 2,
             ),
-            padding: const EdgeInsets.all(4.0),
           ),
         ),
       );

lib/src/engine/iconfont.dart

+
+import 'package:flutter/material.dart';
+
+class MutliImagePickerFont {
+  MutliImagePickerFont._();
+  static const String _family = 'PhotoFont';
+  static const String _fontPackage = 'photo';
+
+  static const IconData video = IconData(0xe6bd, fontFamily: _family, fontPackage: _fontPackage);
+}

pubspec.yaml

 
 # The following section is specific to Flutter.
 flutter:
+  uses-material-design: true
+  fonts:
+    - family: PhotoFont
+      fonts:
+        - asset: lib/fonts/iconfont.ttf
   # To add assets to your package, add an assets section, like this:
   # assets:
   #  - images/a_dot_burr.jpeg