HarmonyOS menu中的item没有间距,且未找到可设置间距的api,需提供设置间距方法

HarmonyOS
2025-01-09 15:45:49
1121浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

示例参考:

@Entry
@Component
struct page240712142245094 {
  @State menuItems: string[] = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'];

  build() {
    Menu() {
      ForEach(this.menuItems, (item: string, index: number) => {
        MenuItem() {
          Text(item)
            .fontSize(18)
            .fontColor('#000')
            .padding({
              top: index === 0 ? 0 : 20,     // 首个项无顶部间距
              bottom: index === this.menuItems.length - 1 ? 0 : 10 // 最后项无底部间距
            });
        }
      })
    }
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
分享
微博
QQ
微信
回复
2025-01-09 17:41:49


相关问题
Span组件设置间距间距
1284浏览 • 1回复 待解决
HarmonyOS Textspan不能设置间距
626浏览 • 1回复 待解决
如何设置镜像语言左右间距
1142浏览 • 1回复 待解决
如何设置分组列表圆角和间距
2705浏览 • 1回复 待解决
HarmonyOS lineSpacing间距设置有问题
798浏览 • 1回复 待解决
HarmonyOS 如何设置Text间距
574浏览 • 1回复 待解决
TextInput ,TextArea无法设置字体间距
966浏览 • 1回复 待解决
HarmonyOS text如何设置间距
561浏览 • 1回复 待解决
HarmonyOS 使用自定义相机左边有间距
813浏览 • 1回复 待解决
Java Text控件,如何设置间距
7816浏览 • 1回复 待解决
HarmonyOS text组件如何设置行上下间距
605浏览 • 1回复 待解决
HarmonyOS Text组件设置间距吗?
1228浏览 • 0回复 待解决
HarmonyOS Grid间距问题
596浏览 • 1回复 待解决
Text多行展示时,如何设置间距
924浏览 • 1回复 待解决