如何在颤振中为 FadeInImage.assetNetwork 图像提供圆角矩形形状？

Question

您好，我正在使用 FadeInImage.assetNetwork 来显示我的图像。但无论我尝试什么，我都没有得到圆角矩形边框。我尝试了 Clipperrect，但图像没有被剪切，但卡片被剪切。我什至尝试将 FadeInImage.assetNetwork 包装在 CLperect 中，并尝试包装在容器中并给予装饰，例如但这似乎没有给出预期的结果。

简而言之，图像没有被剪切，但卡片被剪切。我们如何解决这个问题？

decoration: ShapeDecoration(
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.all(
        Radius.circular(10),
      ),
Container(
              height: MediaQuery.of(context).size.height * 0.27,
              color: Colors.black,
              child: ListView.builder(
                shrinkWrap: true,
                scrollDirection: Axis.horizontal,
                itemCount: __moviesMovieId.length,
                itemBuilder: (BuildContext context, int index) => Card(

                  margin: const EdgeInsets.fromLTRB(0, 0, 15, 0),
                  child: FadeInImage.assetNetwork(
                    width: MediaQuery.of(context).size.width * 0.3,
                    image:
                        'https://img.youtube.com/vi/${__moviesMovieId[index].substring(8)}/0.jpg',
                    placeholder: cupertinoActivityIndicator,
                    fit: BoxFit.fill,
                  ),
                ),
              ),
            ),

Answer 1

PhysicalModel(
    clipBehavior: Clip.antiAliasWithSaveLayer,
    color: Colors.black,
    shape: BoxShape.rectangle,
    borderRadius: BorderRadius.circular(30),
    child: FadeInImage.assetNetwork(
      width: MediaQuery.of(context).size.width * 0.3,
      image:
          'https://img.youtube.com/vi/${__moviesMovieId[index].substring(8)}/0.jpg',
      placeholder: "hey",
      fit: BoxFit.fill,
    ),
  ),

将 ListView Builder 中的 yout Card 替换为此，工作绝对正常。上述其他答案在我的设备中不起作用，所以我回答了。如果有帮助，请将其标记为答案