V0.2.3 文档
后续会继续开发更新。
特性
- 链式调用
- 简化代码
- 高可读性
- 便于维护
示例
Row(children: [
const BlueButton("官方").marginOnly(left: 16),
const SizedBox(width: 12),
const WhiteOutlinedButton("线下"),
const Spacer(),
const Text("免费").fontSize(10).translate(0, -7)
]).roundedRect(6).paddingAll(8)
布局
- padding
- paddingAll
- paddingSymmetric(double horizontal,double vertical)
- paddingLeft
- paddingRight
- paddingTop
- paddingBottom
- padding
- margin
- marginAll
- 同上
- flexible
- aspectRatio
- expanded
- positioned 配合stack定位
尺寸
- size
- height
- width
- constraints 约束
- maxWidth
- maxHeight
- minWidth
- minHeight
- constraints
列表
- inList
- inSliverList
- SliverLazyColumn<T>(data, childCount, child)
变换
- translate(double dx, double dy)
- rotate(double angle)
- scale(double scale)
颜色
- backgroundColor
- backgroundColorInt
效果
- roundedRect 圆角
- roundedRect
- roundedRectVertical
- roundedRectHorizontal
- blur 毛玻璃
- blur 毛玻璃
- blurExpanded 模糊+expanded
功能
- action 点击等操作
- onClick
- onDoubleClick
- onLongPress
官方组件扩展
Text
- color
- colorInt
- fontSize
- fontFamily
- fontWeight
- bold
- italic
- strikethrough
- underLine
- overLine
- letterSpacing
- wordSpacing
- lineSpacing
- lineLimit
- singleLine
- textAlignment
CircleAvatar
- border 边框
Image
- coverMode
- containMode
- size
- antialias 抗锯齿
组件
CoverCacheImage 缓存、Cover模式的image
GradientTabIndicator 渐变色tab指示器
- Button
- RRectButton 圆角图片
- RRectOutlinedButton 圆角线框图片
Swiper 轮播器 （三层：内容层、蒙版层、指示器层）
TODO
- 网络状态、数据状态容器
- 上拉下拉容器
- 其他
