HarmonyOS floatingActionButton

是否有类似floatingActionButton组件。

HarmonyOS
2024-12-20 16:08:28
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

没有floatingActionButton组件,如果想要实现悬浮按钮效果,可以通过Button()组件自定义实现,参考Demo如下:

// xxx.ets
@Entry
@Component
struct HoverButtonExample {
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  build() {
    Stack() {
      List({ space: 20, initialIndex: 0 }) {
        ForEach(this.arr, (item:number) => {
          ListItem() {
            Text('' + item)
              .width('100%').height(100).fontSize(16)
              .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF)
          }
        }, (item:number) => item.toString())
      }.width('90%')
      Button() {
        Image($r('app.media.ic_public_add'))
          .width(50)
          .height(50)
      }
      .width(60)
      .height(60)
      .position({x: '80%', y: 600})
      .shadow({radius: 10})
      .onClick(() => {
        // 需要执行的操作
      })
    }
    .width('100%')
    .height('100%')
    .backgroundColor(0xDCDCDC)
    .padding({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
2024-12-20 19:20:21
相关问题
HarmonyOS jsbridge HarmonyOS版本
920浏览 • 1回复 待解决
HarmonyOS HarmonyOS社区组件问题
1628浏览 • 1回复 待解决
HarmonyOS JsBridge的HarmonyOS版本sdk
972浏览 • 1回复 待解决
HarmonyOS HarmonyOS签名验签问题
1157浏览 • 1回复 待解决
HarmonyOS react-native-screens HarmonyOS计划
1067浏览 • 1回复 待解决
HarmonyOS Websocket?
916浏览 • 0回复 待解决
HarmonyOS gesture
647浏览 • 1回复 待解决
HarmonyOS bouncycastle
690浏览 • 1回复 待解决
HarmonyOS TabContent
1108浏览 • 1回复 待解决
HarmonyOS DatePicker
930浏览 • 1回复 待解决
HarmonyOS readPixelsToBuffer
624浏览 • 1回复 待解决
HarmonyOS NodeRender
672浏览 • 1回复 待解决
Harmonyos next
231浏览 • 0回复 待解决
HarmonyOS responseRegion
886浏览 • 1回复 待解决
HarmonyOS onAreaChange
789浏览 • 1回复 待解决
HarmonyOS 可以用仓颉开发HarmonyOS
1262浏览 • 1回复 待解决
HarmonyOS HarmonyOS的视频流和操作流
1021浏览 • 1回复 待解决
HarmonyOS flutter接入HarmonyOS原生视图
1047浏览 • 1回复 待解决
HarmonyOS 关于HarmonyOS应用的备案
734浏览 • 1回复 待解决