在鸿蒙next,harmonyOs next的ArkTS开发中,虽然有position通用属性,但是仅仅支持绝对定位和相对定位,没有固定定位,即类似CSS中的fixed定位。而想要实现固定定位:
需要用到Stack(层叠容器):Stack容器将所包裹的组件以我们所说的z轴(立体轴)来排列组件,容器中的子元素(子组件)依次入栈,后一个子元素覆盖前一个子元素,子元素可以叠加,也可以设置位置。
同时Stack容器中兄弟组件显示层级关系可以通过Z序控制的zIndex属性改变。zIndex值越大,显示层级越高,即zIndex值大的组件会覆盖在zIndex值小的组件上方
因为Row容器在Scroll容器之上,它们互不影响,所以这里只需要将Row容器添加一个position即可完成固定定位: