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版本
934浏览 • 1回复 待解决
HarmonyOS HarmonyOS社区组件问题
1684浏览 • 1回复 待解决
HarmonyOS flutter接入HarmonyOS原生视图
1068浏览 • 1回复 待解决
HarmonyOS 关于HarmonyOS应用的备案
760浏览 • 1回复 待解决
HarmonyOS
671浏览 • 1回复 待解决
HarmonyOS HarmonyOS签名验签问题
1189浏览 • 1回复 待解决
HarmonyOS JsBridge的HarmonyOS版本sdk
988浏览 • 1回复 待解决
HarmonyOS 现在HarmonyOS都有支持哪些插件
1097浏览 • 1回复 待解决
HarmonyOS react-native-screens HarmonyOS计划
1108浏览 • 1回复 待解决
HarmonyOS RN侧如何获取HarmonyOS设备信息
1033浏览 • 1回复 待解决
HarmonyOS h5和HarmonyOS怎么通信?
956浏览 • 1回复 待解决
HarmonyOS onBackPress
564浏览 • 1回复 待解决
HarmonyOS TextPicker
662浏览 • 1回复 待解决
HarmonyOS RotateOptions
529浏览 • 1回复 待解决
HarmonyOS pixelMap
1028浏览 • 1回复 待解决
HarmonyOS WindowSystemBar
536浏览 • 1回复 待解决
HarmonyOS LazyForEach
1066浏览 • 1回复 待解决
HarmonyOS encodeURIComponent
739浏览 • 1回复 待解决
HarmonyOS Tabs
621浏览 • 1回复 待解决