tailstyle 1.1.6 tailstyle: ^1.1.6 copied to clipboard
Agnostic WindiCSS-style builder for prototype construction
TailStyle #
🌼 TailStyle is a Flutter utility speeds up building Apps.
Shrink code #
TailStyle shrinks your code by many packed style definitions.
before:
Text(
"Hello World",
style: TextStyle(
decoration: TextDecoration.lineThrough,
fontSize: 20,
fontWeight: FontWeight.bold,
),
);
after:
TailTypo().line_through().text_xl().font_bold().Text("Hello World");
And also supports being friendly on Dart Formatter and Code Readability.
TailBox().mb_2().p_2().border().rounded().as((styled) {
return styled.Container(
child: TailTypo().line_through().text_xl().Text("Hello World"),
);
});
Follow WindiCSS 💨 #
TailStyle follows naming of WindiCSS and links styles between sementic keywords and flutter views as possible.
// Generate Text from Typography Style Model
TailTypo().text_bold().Text("Hello World");
// Generate Container from Box Style Model
TailBox().p_4().Container(width: 100, height: 100);
// Generate SizedBox from Box Style Model
TailBox().mb_2().SizedBox(width: 100, height: 100);
Extend Tail model on demand #
Since TailStyle models based on builder are plain object. You can extend them on your own.
import 'package:flutter/widgets.dart' show Padding;
import 'package:tailstyle/tailstyle.dart';
typedef StyledPadding = Padding;
extension TailBox2PaddingExt on TailBox {
Padding() {
return StyledPadding(
padding: EdgeInsets.only(
left: paddingL ?? 0,
top: paddingT ?? 0,
right: paddingR ?? 0,
bottom: paddingB ?? 0,
),
);
}
}
The case not suggested to use TailStyle #
Not suggested to use TailStyle to replace constant widgets.
const Text(
"Constant Widgets for performance optimize",
style: TextStyle(
decoration: TextDecoration.lineThrough,
fontSize: 16,
fontWeight: FontWeight.bold,
),
);
And in some case of deeply style customization, TailStyle may be not a solution.