HarmonyOS 鸿蒙Next：通过点击图像，链接到指定的资源数组，遍历资源数组来动态产生按钮但没能成功，改成字符串数组可成功

HarmonyOS 鸿蒙Next：通过点击图像，链接到指定的资源数组，遍历资源数组来动态产生按钮但没能成功，改成字符串数组可成功

1：在CommonConstants文件中定义了资源数组：

const Para_STRING = [
$r('app.string.Para_Scope'),
$r('app.string.Para_Slope'),
$r('app.string.Para_Linear'),
$r('app.string.Para_Function'),
$r('app.string.Para_CheckDesc'),
$r('app.string.Para_UnitSet')
];

export default class CommonConstants {
static readonly SETTING_URL: string = 'pages/navigationPage';
static readonly Para_SRC_MSG: Resource[]= Para_STRING;
static readonly NAV_SRC_PARAM: string = 'nav_src';
}

在IconAnimation组件的图像增加了点击事件

export default struct IconAnimation {
@Link mainFlag: boolean;
// @ObjectLink item: IconItem;
public mainItem: mainItem;
public dataSource:Resource[];
build() {
Column() {
Image(this.mainItem.image)
.width(Common.ICON_WIDTH)
.height(Common.ICON_HEIGHT)
.objectFit(ImageFit.Contain)
.translate(
this.mainFlag
? { x: this.mainItem.point.x, y: this.mainItem.point.y }
: { x: 0, y: 0 }
)
.rotate({
x: 0,
y: 1,
z: 0,
angle: this.mainItem.clicked ? Common.ROTATE_ANGLE_360 : 0
})
.scale(
this.mainItem.clicked
? { x: Common.SCALE_RATIO, y: Common.SCALE_RATIO }
: { x: 1, y: 1 }
)
.opacity(this.mainItem.clicked ? Common.OPACITY_06 : 1)
.onClick(() => {
this.mainItem.clicked = !this.mainItem.clicked;
switch (this.mainItem.index) {
case 1:
this.dataSource = CommonConstants.Mntn_SRC_MSG;
break;
case 2:
this.dataSource = CommonConstants.Syscfg_SRC_MSG;
break;
case 3:
this.dataSource = CommonConstants.Para_SRC_MSG;
break;
case 4:
break;
}
Logger.info('Icon Clicked');
router.pushUrl({
url: CommonConstants.SETTING_URL,
params: {
nav_src: this.dataSource
}
}).catch((error) => {
// Logger.info(TAG, 'IndexPage push error' + JSON.stringify(error));
});
})
.animation(
{
delay: Common.DELAY_10,
duration: Common.DURATION_1000,
iterations: 1,
curve: Curve.Smooth,
playMode: PlayMode.Normal
}
)
)
Text(this.mainItem.title)
.fontSize(Common.Label_SIZE)
}
}

在indexPage中，调用IconAnimation组件。

4：在navigationPage中，遍历这个数组，动态产生按钮，

@State nav_src: Resource[]= router.getParams()?.[CommonConstants.NAV_SRC_PARAM];
@State test: Resource[]=CommonConstants.Para_SRC_MSG;

ForEach(this.nav_src, (item) => {
ListItem() {
NavRouter() {
Text(item)
.width("100%")
.height(72)
.backgroundColor('#FFFFFF')
.borderRadius(24)
.fontSize(16)
.fontWeight(500)
.textAlign(TextAlign.Center)
NavDestination() {
Text("NavDestinationContent" + item)
}

得到的结果：只有第一个按钮显示出来了，其他五个按钮都没有出来。请大神指教。