使用“按引用传递参数”编译器CodeCheck报错

编写如下代码：

import { EasyPage } from './easypage/EasyPage'; 
import { ListPage } from './listpage/ListPage'; 
 
@Builder function tabBarItem($$: { isselected:boolean,title: string }) { 
  Column() { 
    Image($r("app.media.app_icon")).width(25).height(25) 
    Text($$.title).fontColor($$.isselected ? Color.Red : Color.Gray).padding({ top: 10 }) 
  }.alignSelf(ItemAlign.Center) 
} 
 
@Entry 
@Component 
struct Index { 
  @State currentTab: number = 0; 
 
  build() { 
    Column() { 
      Tabs({ barPosition: BarPosition.End }) { 
 
        TabContent() { 
          EasyPage() 
        }.tabBar(tabBarItem({isselected:(this.currentTab == 0),title:"常规"})) 
 
        TabContent() { 
          ListPage() 
        }.tabBar(tabBarItem({isselected:(this.currentTab == 1),title:"列表"})) 
 
      } 
      .width("100%") 
      .height("100%") 
      .barWidth("100%") 
      .barHeight(70) 
      .onChange((pos) => { 
        this.currentTab = pos; 
      }) 
    }.width("100%") 
    .height("100%") 
  } 
}

报错信息：

Object literals cannot be used as type declarations (arkts-no-obj-literals-as-types) <ArkTSCheck>

HarmonyOS

put_get

4天前

浏览

回答 1

待解决

回答 1

按赞同

按时间

Heiang

{isselected:boolean,title: string} 和 {isselected:(this.currentTab == 0),title:“常规”} 这两个对象字面量在ArkTS中不能作为类型声明，这是因为ArkTS需要明确的类型定义，而不是动态的类型推导。ArkTS不支持直接使用对象字面量作为函数参数的类型，需要使用TS内置的类型系统或者自定义类型来代替。以下是一个参考：

import { EasyPage } from './easypage/EasyPage'; 
import { ListPage } from './listpage/ListPage'; 
 
// 定义一个自定义类型，用于表示tabBarItem的参数 
interface TabBarItem { 
  isSelected: boolean; 
  title: string; 
} 
 
// 使用自定义类型定义函数参数 
@Builder function tabBarItem(params: TabBarItem) { 
  Column() { 
    Image($r("app.media.app_icon")).width(25).height(25) 
    Text(params.title).fontColor(params.isSelected ? Color.Red : Color.Gray).padding({ top: 10 }) 
  }.alignSelf(ItemAlign.Center) 
} 
 
@Entry 
@Component 
struct Index { 
  @State currentTab: number = 0; 
 
  build() { 
    Column() { 
      Tabs({ barPosition: BarPosition.End }) { 
        TabContent() { 
          EasyPage() 
        }.tabBar(tabBarItem({ isSelected: this.currentTab == 0, title: "常规" })) 
 
        TabContent() { 
          ListPage() 
        }.tabBar(tabBarItem({ isSelected: this.currentTab == 1, title: "列表" })) 
      } 
      .width("100%") 
      .height("100%") 
      .barWidth("100%") 
      .barHeight(70) 
      .onChange((pos) => { 
        this.currentTab = pos; 
      }) 
    } 
    .width("100%") 
    .height("100%") 
  } 
}

4天前

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

使用“按引用传递参数”编译器CodeCheck报错

订阅鸿蒙技术特刊，精选内容抢先看