鸿蒙基础

87 阅读1分钟

row和column

主轴 justifyContent(FlexAlign)

column image.png row image.png

交叉轴 alignItem

column image.png

row image.png

数据传输:

@state 父传子不能传深层次的数据,深层次的对象需要用 自对象添加@observe,并且子组件用@objectLink 标记 (很麻烦,不推荐,状态管理v2 以优化)

@Styles 组件通用属性样式复用

@Extend(Text) 扩展原生组件样式

@Builder 封装重复复用的ui组件,全局builder,1.export导出, 2wrapBuilder

image.png

@watch 监听状态变化

scroll 滚动布局

scroller对象 和 scroll 绑定

image.png

image.png

position 位置设置

扩充组件安全区

.expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.TOP,SafeAreaEdge.BOTTOM])

List组件,嵌套滚动模式

image.png

image.png