Update ArnaTabView, ArnaTabItem and ArnaBanner

Author: MahanRahmati

CHANGELOG.md

@@ -37,6 +37,9 @@
 - Add ArnaSlideTransition 
 - Add ArnaFadeTransition  
 - Update ArnaDivider
+- Update ArnaTabView
+- Update ArnaTabItem
+- Update ArnaBanner
 
 ## 1.0.5
 

lib/src/base/banner.dart

@@ -134,28 +134,26 @@ class _ArnaBannerState extends State<ArnaBanner>
     final Widget banner = Semantics(
       container: true,
       liveRegion: true,
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: <Widget>[
-          ColoredBox(
-            color: ArnaColors.headerColor.resolveFrom(context),
-            child: ArnaListTile(
-              leading: Icon(
-                icon,
-                color: ArnaDynamicColor.resolve(accent, context),
-              ),
-              title: widget.title,
-              subtitle: widget.subtitle,
-              trailing: widget.actions != null
-                  ? Row(
-                      mainAxisSize: MainAxisSize.min,
-                      children: widget.actions!,
-                    )
-                  : null,
+      child: Padding(
+        padding: Styles.normal,
+        child: ClipRRect(
+          borderRadius: Styles.borderRadius,
+          child: ArnaListTile(
+            leading: Icon(
+              icon,
+              color: ArnaDynamicColor.resolve(accent, context),
             ),
+            title: widget.title,
+            subtitle: widget.subtitle,
+            trailing: widget.actions != null
+                ? Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: widget.actions!,
+                  )
+                : null,
+            showBackground: false,
           ),
-          const ArnaDivider(),
-        ],
+        ),
       ),
     );
 

lib/src/base/tab_item.dart

@@ -90,11 +90,12 @@ class ArnaTabItem extends StatelessWidget {
                           ? ArnaDynamicColor.applyOverlay(
                               selected
                                   ? ArnaColors.buttonColor.resolveFrom(context)
-                                  : ArnaColors.sideColor.resolveFrom(context),
+                                  : ArnaColors.backgroundColor
+                                      .resolveFrom(context),
                             )
                           : selected
                               ? ArnaColors.buttonColor
-                              : ArnaColors.sideColor,
+                              : ArnaColors.backgroundColor,
                   context,
                 ),
               ),

lib/src/base/tab_view.dart

@@ -241,7 +241,18 @@ class _ArnaTabViewState extends State<ArnaTabView> with RestorationMixin {
         children: <Widget>[
           Container(
             height: Styles.tabBarHeight,
-            color: ArnaColors.sideColor.resolveFrom(context),
+            decoration: BoxDecoration(
+              border: Border(
+                top: BorderSide(
+                  color: ArnaColors.borderColor.resolveFrom(context),
+                  width: 0.0,
+                ),
+                bottom: BorderSide(
+                  color: ArnaColors.borderColor.resolveFrom(context),
+                  width: 0.0,
+                ),
+              ),
+            ),
             child: Semantics(
               explicitChildNodes: true,
               child: Row(
@@ -289,12 +300,8 @@ class _ArnaTabViewState extends State<ArnaTabView> with RestorationMixin {
               ),
             ),
           ),
-          const Padding(
-            padding: ArnaEdgeInsets.top(Styles.tabBarHeight),
-            child: ArnaDivider(),
-          ),
           Padding(
-            padding: const ArnaEdgeInsets.top(Styles.tabBarHeight + 1),
+            padding: const ArnaEdgeInsets.top(Styles.tabBarHeight),
             child: FocusTraversalGroup(
               child: Builder(
                 builder: (BuildContext context) {