flutter_twind 0.4.0
flutter_twind: ^0.4.0 copied to clipboard
Flutter UI components with Tailwind CSS-like styling system.
Changelog #
0.4.0 - 2025-08-24 #
Fixed #
- Critical Layout Constraint Issues: Fixed
BoxConstraints forces an infinite height
error- Fixed
WStack
component layout problems with infinite height constraints - Fixed
WContainer
component constraint handling using LayoutBuilder - Fixed
WImage
component sizing issues in Stack layouts - Fixed
semantics.parentDataDirty
assertion failures
- Fixed
- Enhanced Constraint Safety: All layout components now use LayoutBuilder for safe constraint handling
- Improved Stack Layouts: WStack now properly handles nested containers and images
- Better Error Prevention: Added comprehensive constraint validation to prevent layout crashes
Added #
- Constraint Fix Guide: Complete documentation for layout constraint best practices
- Safety Examples: Added
constraint_fix_example.dart
with safe usage patterns - Layout Debugging: Enhanced constraint debugging capabilities
Enhanced #
- Component Stability: All W components now handle edge cases more gracefully
- Performance: Optimized constraint calculations for better rendering performance
- Developer Experience: Better error messages and debugging information
0.3.6 - 2024-12-22 #
Added #
- Custom Color Schemes: Added support for custom brand and accent color schemes
- Brand colors:
brand-50
tobrand-900
- Custom brand color palette - Accent colors:
accent-50
toaccent-900
- Custom accent color palette - Full transparency modifier support:
bg-brand-500/20
,border-accent-400/50
- Brand colors:
- Enhanced Documentation: Added custom color scheme examples and screenshots
- Demo Application: Updated demo to showcase custom color schemes with transparency
Enhanced #
- WindConfig: Extended color configuration to include custom color definitions
- Color Parser: Improved support for custom color scheme parsing
- Demo Coverage: Complete test coverage for all custom color variations
Fixed #
- Custom color schemes not displaying in demo application
- Missing color definitions in WindConfig for brand and accent colors
0.3.5 - 2024-12-22 #
Added #
- Arbitrary Value Support: Full support for Tailwind CSS arbitrary values
- Colors:
bg-[#ff0000]
,text-[rgb(255,0,0)]
,border-[hsl(0,100%,50%)]
- Sizes:
w-[200px]
,h-[50px]
,p-[1rem]
,m-[2em]
- Opacity:
opacity-[0.6]
- Colors:
- Extended Color Palette: Added missing color series
- Purple:
purple-50
topurple-900
- Yellow:
yellow-50
toyellow-900
- Orange:
orange-50
toorange-900
- Pink:
pink-50
topink-900
- Indigo:
indigo-50
toindigo-900
- Teal:
teal-50
toteal-900
- Cyan:
cyan-50
tocyan-900
- Lime:
lime-50
tolime-900
- Rose:
rose-50
torose-900
- Emerald:
emerald-50
toemerald-900
- Purple:
- Gap Support: Implemented gap spacing for WColumn and WRow components
- Predefined gaps:
gap-1
,gap-2
,gap-4
,gap-6
,gap-8
- Arbitrary gaps:
gap-[30px]
,gap-[2rem]
- Predefined gaps:
- Enhanced Border Support:
- Border widths:
border
,border-2
,border-4
,border-8
- Arbitrary border colors:
border-[#ff0000]
- Border widths:
- Text Decoration Support:
- Decorations:
underline
,line-through
,no-underline
- Text transform:
uppercase
,lowercase
,capitalize
- Text overflow:
overflow-ellipsis
,line-clamp-2
- Decorations:
- Opacity Support:
- Predefined:
opacity-0
,opacity-25
,opacity-50
,opacity-75
,opacity-100
- Arbitrary:
opacity-[0.6]
- Predefined:
- Comprehensive Test Suite: Complete demo app with all features tested
Enhanced #
- Color Parser: Improved arbitrary value parsing for all color formats
- Size Parser: Enhanced support for px, rem, em units in arbitrary values
- Hot Reload: Better hot reload support for all new features
- Component System: WColumn and WRow now properly handle gap spacing
Fixed #
- Color parsing issues with extended color palette
- Gap spacing not working in layout components
- Arbitrary value parsing edge cases
- Hot reload consistency across all features
Changed #
- Optimized style parsing performance for arbitrary values
- Better error handling for invalid arbitrary values
- Improved component rendering with gap support
0.3.3 - 2025-08-20 #
0.3.0 - 2025-08-20 #
0.2.8 - 2025-08-20 #
Added #
- Complete TailwindCSS-like style parser
- Flexbox layout support (
flex
,justify-center
,items-center
) - Text alignment support (
text-center
,text-left
,text-right
) - Comprehensive color system
- Border, border-radius, and shadow styles
- Responsive design support
Fixed #
- Fixed
text-center
style not working in certain containers - Fixed
WContainer
component Flexbox layout support - Fixed
WText
component text alignment issues - Removed unused
_isColor
method - Updated deprecated
withOpacity
towithValues
for better precision
Improved #
- Optimized style parsing performance
- Enhanced type safety for components
- Improved documentation and examples