TabTheme constructor
const
TabTheme({
- double minWidth = 94.0,
- double maxWidth = 192.0,
- BoxDecoration focusedTabBoxDecoration = const BoxDecoration(color: Color.fromRGBO(41, 43, 53, 1.0), border: GradientBoxBorder(gradient: LinearGradient(colors: [Color.fromRGBO(255, 255, 255, 0.2), Colors.transparent, Colors.transparent], begin: Alignment.topCenter, end: Alignment.bottomCenter), width: 1.0), borderRadius: BorderRadius.only(topLeft: Radius.circular(3.0), topRight: Radius.circular(3.0)), boxShadow: [BoxShadow(blurRadius: 16.0, color: Color.fromRGBO(0, 0, 0, 0.5))]),
- BoxDecoration unfocusedTabBoxDecoration = const BoxDecoration(color: Colors.transparent),
- double focusedTabAccentColorDecorationWidth = 3.0,
- BoxDecoration separatorBoxDecoration = const BoxDecoration(gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [Color.fromRGBO(255, 255, 255, 0.0), Color.fromRGBO(255, 255, 255, 0.1), Color.fromRGBO(255, 255, 255, 0.0)])),
- BoxDecoration lightReflectionBoxDecoration = const BoxDecoration(borderRadius: BorderRadius.only(topLeft: Radius.circular(3.0), topRight: Radius.circular(3.0)), gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [Color.fromRGBO(255, 255, 255, 0.3), Color.fromRGBO(255, 255, 255, 0.12), Color.fromRGBO(255, 255, 255, 0.1), Color.fromRGBO(255, 255, 255, 0.05), Color.fromRGBO(255, 255, 255, 0.02), Color.fromRGBO(255, 255, 255, 0.0)])),
- EdgeInsets iconPadding = const EdgeInsets.only(right: 4.0),
- double iconSize = 21.0,
- TextStyle textStyle = const TextStyle(color: Colors.white, fontSize: 12.0, fontWeight: FontWeight.w600),
- double unfocusedHoveredTabOpacity = 0.7,
- double unfocusedNotHoveredTabOpacity = 0.4,
- Duration unfocusedTabOpacityChangeDuration = const Duration(milliseconds: 150),
- double spaceAboveTabs = 4.0,
- EdgeInsets contentPadding = const EdgeInsets.all(8.0),
- Duration openingAnimationDuration = const Duration(milliseconds: 150),
- Curve openingAnimationCurve = Curves.ease,
Implementation
const TabTheme({
this.minWidth = 94.0,
this.maxWidth = 192.0,
this.focusedTabBoxDecoration = const BoxDecoration(
color: Color.fromRGBO(41, 43, 53, 1.0),
border: GradientBoxBorder(
gradient: LinearGradient(
colors: [
Color.fromRGBO(255, 255, 255, 0.2),
Colors.transparent,
Colors.transparent,
],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
),
width: 1.0,
),
borderRadius: BorderRadius.only(
topLeft: Radius.circular(3.0),
topRight: Radius.circular(3.0),
),
boxShadow: [
BoxShadow(
blurRadius: 16.0,
color: Color.fromRGBO(0, 0, 0, 0.5),
),
],
),
this.unfocusedTabBoxDecoration = const BoxDecoration(
color: Colors.transparent,
),
this.focusedTabAccentColorDecorationWidth = 3.0,
this.separatorBoxDecoration = const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color.fromRGBO(255, 255, 255, 0.0),
Color.fromRGBO(255, 255, 255, 0.1),
Color.fromRGBO(255, 255, 255, 0.0),
],
),
),
this.lightReflectionBoxDecoration = const BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(3.0),
topRight: Radius.circular(3.0),
),
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color.fromRGBO(255, 255, 255, 0.3),
Color.fromRGBO(255, 255, 255, 0.12),
Color.fromRGBO(255, 255, 255, 0.1),
Color.fromRGBO(255, 255, 255, 0.05),
Color.fromRGBO(255, 255, 255, 0.02),
Color.fromRGBO(255, 255, 255, 0.0),
],
),
),
this.iconPadding = const EdgeInsets.only(right: 4.0),
this.iconSize = 21.0,
this.textStyle = const TextStyle(
color: Colors.white,
fontSize: 12.0,
fontWeight: FontWeight.w600,
),
this.unfocusedHoveredTabOpacity = 0.7,
this.unfocusedNotHoveredTabOpacity = 0.4,
this.unfocusedTabOpacityChangeDuration = const Duration(milliseconds: 150),
this.spaceAboveTabs = 4.0,
this.contentPadding = const EdgeInsets.all(8.0),
this.openingAnimationDuration = const Duration(milliseconds: 150),
this.openingAnimationCurve = Curves.ease,
});