Преглед на файлове

Fix rounded corners of iOS controls (remove transparent background - using clipRRect) (#149)

Patrick Truong преди 6 години
родител
ревизия
3458b3a065
променени са 1 файла, в които са добавени 10 реда и са изтрити 21 реда
  1. 10 21
      lib/src/cupertino_controls.dart

+ 10 - 21
lib/src/cupertino_controls.dart

@@ -121,7 +121,8 @@ class _CupertinoControlsState extends State<CupertinoControls> {
         color: Colors.transparent,
         alignment: Alignment.bottomCenter,
         margin: EdgeInsets.all(marginSize),
-        child: ClipRect(
+        child: ClipRRect(
+          borderRadius: BorderRadius.circular(10.0),
           child: BackdropFilter(
             filter: ui.ImageFilter.blur(
               sigmaX: 10.0,
@@ -129,12 +130,7 @@ class _CupertinoControlsState extends State<CupertinoControls> {
             ),
             child: Container(
               height: barHeight,
-              decoration: BoxDecoration(
-                color: backgroundColor,
-                borderRadius: BorderRadius.all(
-                  Radius.circular(10.0),
-                ),
-              ),
+              color: backgroundColor,
               child: chewieController.isLive
                   ? Row(
                       mainAxisAlignment: MainAxisAlignment.spaceBetween,
@@ -153,6 +149,7 @@ class _CupertinoControlsState extends State<CupertinoControls> {
                         _buildRemaining(iconColor)
                       ],
                     ),
+
             ),
           ),
         ),
@@ -181,7 +178,8 @@ class _CupertinoControlsState extends State<CupertinoControls> {
       child: AnimatedOpacity(
         opacity: _hideStuff ? 0.0 : 1.0,
         duration: Duration(milliseconds: 300),
-        child: ClipRect(
+        child: ClipRRect(
+          borderRadius: BorderRadius.circular(10.0),
           child: BackdropFilter(
             filter: ui.ImageFilter.blur(sigmaX: 10.0),
             child: Container(
@@ -190,12 +188,7 @@ class _CupertinoControlsState extends State<CupertinoControls> {
                 left: buttonPadding,
                 right: buttonPadding,
               ),
-              decoration: BoxDecoration(
-                color: backgroundColor,
-                borderRadius: BorderRadius.all(
-                  Radius.circular(10.0),
-                ),
-              ),
+              color: backgroundColor,
               child: Center(
                 child: Icon(
                   chewieController.isFullScreen
@@ -252,16 +245,12 @@ class _CupertinoControlsState extends State<CupertinoControls> {
       child: AnimatedOpacity(
         opacity: _hideStuff ? 0.0 : 1.0,
         duration: Duration(milliseconds: 300),
-        child: ClipRect(
+        child: ClipRRect(
+          borderRadius: BorderRadius.circular(10.0),
           child: BackdropFilter(
             filter: ui.ImageFilter.blur(sigmaX: 10.0),
             child: Container(
-              decoration: BoxDecoration(
-                color: backgroundColor,
-                borderRadius: BorderRadius.all(
-                  Radius.circular(10.0),
-                ),
-              ),
+              color: backgroundColor,
               child: Container(
                 height: barHeight,
                 padding: EdgeInsets.only(