flutter 徽章功能无法正常工作?它抛出错误[重复]

waxmsbnn  于 2023-03-13  发布在  Flutter
关注(0)|答案(2)|浏览(129)

此问题在此处已有答案

Getting the Error when using the package Badge in Flutter(3个答案)
21小时前关闭。

InkWell(
  onTap: () async {
    Get.to(DetailScreen(productEntity: product));
  },
  child: Badge(
    badgeColor: colors.whiteColor,
    position: BadgePosition.custom(top: 0, end: 0),
    badgeContent: FavoriteBadge(
      product: product,
      badgeBackgroundColor: colors.whiteColor,
      activeColor: colors.blackColor,
      inActive: colors.blackColor,
    ),
    child: Column(
      children: [
        const SizedBox(
          height: 10,
        ),
        SizedBox(
            width: 100,
            height: 100,
            child: ClipRRect(
                borderRadius: BorderRadius.circular(15),
                child: networkImage(imageUrl: product.imageUrl))),
        const SizedBox(
          height: 5,
        ),
        Text(
          product.name.split("Maybelline").last.substring(0, 7),
          style: textStyle.bodyNormal.copyWith(color: colors.whiteColor),
        ),
        const SizedBox(
          height: 5,
        ),
        Text(
          "€${product.price}",
          style: textStyle.bodyNormal.copyWith(color: colors.whiteColor),
        )
      ],
    ),
  ),
)

徽章函数抛出错误。错误为
“徽章”不是一个函数
名称“徽章”在库"package:badges/src/badge.dart(通过package:badges/badges.dart)“和”package:flutter/src/material/badge.dart(通过package:flutter/material.dart)“中定义
Badge()同时存在于工卡和素材库中。因此,它产生了这个错误。它无法决定从哪里调用它。

m0rkklqb

m0rkklqb1#

Dart允许您指定导入前缀。

import 'package:badges/badge.dart' as badge;

像这样使用。

badge.Badge();
q43xntqr

q43xntqr2#

这是因为您要从两个文件导入Badge
一个来自

'package:flutter/material.dart'

另一个来自

'package:badges/badges.dart'

您可以导入包,如下所示

import 'package:badges/badge.dart' as badges

并将其用作badges.Badge()

相关问题