声明一个Button或Image标签，怎么悬浮在页面的右下角固定位置的最上层?

Question

需求描述

声明一个Button或Image标签，怎么悬浮在页面的右下角固定位置的最上层，且页面下层是一些ListItem的数据，ListItem的数据的上下滑动不影响按钮的位置。

Answer 1

解决措施

可以使用position绝对定位。

示例代码

@Entry 
@Component 
struct Index { 
  build() { 
    Row() { 
      Image($r('app.media.top')) 
        .width(40) 
        .height(40) 
    } 
    .position({ x: '80%', y: '90%' }) 
    .onClick(() => { 
      // 业务代码 
    }) 
  } 
}