ones

Description:

ones

Ones，the chosen，better use of Flutter.
Ones，the chosen，更好地使用Flutter。
文档 #
能有效减少20%到40%的UI代码行数~！
后续会继续开发更新。欢迎加群提出需求和交流：829733587
特性

链式调用
简化代码
高可读性
便于维护

安装
dependencies:
ones: ^0.3.6
copied to clipboard
示例
Row(children: [
Text("").color(Colors.black12).fontSize(13),
Image(image: AssetImage("images/arrow.webp")).coverMode().size(width: 16, height: 24),
const Spacer(),
Text("").color(Colors.black12).fontSize(13),
]).paddingSymmetric(horizontal: 16, vertical: 10)
copied to clipboard
布局


padding

paddingIs
paddingAll
paddingSymmetric(double horizontal,double vertical)
paddingLeft
paddingRight
paddingTop
paddingBottom
padding



margin

marginIs
marginAll
同上



flexible


aspectRatio


expanded


positioned 配合stack定位


relation 相对位置

relation
relationOne



mask 蒙层


inRow


inColumn


inFlexibleRow


inFlexibleColumn


尺寸

size
height
width
constraints 约束

maxWidth
maxHeight
minWidth
minHeight
constraints



列表&可滚动

scrollable

widget.scrollable
[].scrollable


repeat 重复item列表
inList
inSliverList
SliverLazyColumn

变换

translate(double dx, double dy)
rotate(double angle)
scale(double scale)

颜色

backgroundColor
backgroundColorInt

效果

border 边框

border
borderIs
circleBorder


roundedRect 圆角

roundedRect
roundedRectVertical
roundedRectHorizontal


blur 毛玻璃

blur 毛玻璃
blurExpanded 模糊+expanded


shadow 阴影

功能

action 点击等操作
onClick
onDoubleClick
onLongPress

平台

hideSoftInput 隐藏软键盘
isSimulator 是否是APP模拟器

组件


RefreshLayout 上拉下拉 刷新容器


BottomFloatingActionButtonLocation fab控件 底部定位


CoverCacheImage(imageUrl,{placeholder})
缓存、Cover模式的image


GradientTabIndicator 渐变色tab指示器


Button

RRectButton 圆角图片
RRectOutlinedButton 圆角线框图片



Swiper 轮播器 （三层：内容层、蒙版层、指示器层）


官方组件扩展
Text

color
colorInt
fontSize
fontFamily
fontWeight
bold
italic
strikethrough
underLine
overLine
letterSpacing
wordSpacing
lineSpacing
lineLimit
singleLine
textAlignment

CircleAvatar

border 边框

Image

coverMode
containMode
size
antialias 抗锯齿

TextField

color
colorInt
fontSize
fontFamily
fontWeight
bold
italic
strikethrough
underLine
overLine
letterSpacing
wordSpacing
lineSpacing
lineLimit
noLineLimit
singleLine
textAlignment
hint
hintStyle
hintWeight
hintColor
hintSize
hintFamily
border
noBorder
isCollapsedThenContentPadding

isCollapsedThenContentPadding
isCollapsedThenContentPaddingAll
isCollapsedThenContentPaddingSymmetric



Card 所有属性
Additional information #
TODO: Tell users more about the package: where to find more information, how to
contribute to the package, how to file issues, what response they can expect
from the package authors, and more.