HarmonyOS floatingActionButton

是否有类似floatingActionButton组件。

HarmonyOS
2天前
浏览
收藏 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
微信
回复
2天前
相关问题
HarmonyOS jsbridge HarmonyOS版本
90浏览 • 1回复 待解决
HarmonyOS HarmonyOS社区组件问题
325浏览 • 1回复 待解决
HarmonyOS JsBridge的HarmonyOS版本sdk
80浏览 • 1回复 待解决
HarmonyOS HarmonyOS的视频流和操作流
37浏览 • 1回复 待解决
HarmonyOS responseRegion
227浏览 • 1回复 待解决
HarmonyOS Websocket?
146浏览 • 0回复 待解决
HarmonyOS NodeRender
16浏览 • 1回复 待解决
HarmonyOS DatePicker
20浏览 • 1回复 待解决
HarmonyOS TabContent
482浏览 • 1回复 待解决
HarmonyOS 关于HarmonyOS应用的备案
37浏览 • 1回复 待解决
HarmonyOS flutter接入HarmonyOS原生视图
74浏览 • 1回复 待解决
HarmonyOS
57浏览 • 1回复 待解决
HarmonyOS Hyperlink属性
482浏览 • 0回复 待解决
HarmonyOS Drawer组件
246浏览 • 1回复 待解决
HarmonyOS 环境设置
69浏览 • 1回复 待解决
HarmonyOS cookie管理
220浏览 • 1回复 待解决
HarmonyOS CustomDialogController问题
553浏览 • 1回复 待解决
HarmonyOS 应用更新
108浏览 • 1回复 待解决
HarmonyOS 图片保存
48浏览 • 1回复 待解决
HarmonyOS Navigation转场?
135浏览 • 0回复 待解决
HarmonyOS setInterval()使用
47浏览 • 1回复 待解决