我怎样才能使我的图像贴在附件中所示的边框上？

Question

这是我的代码，我试图将其固定在附件图片中的右下角，但我似乎无法做到这一点。 我尝试在最后使用 Row Widget 到 position 但它似乎并没有做太多。 由于我是移动开发领域的新手，有什么建议吗？

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

class MenuCard extends StatelessWidget {
  const MenuCard({
    Key? key,
    required this.cardTitle,
    required this.pageDestination,
    required this.imageSource, required this.cardColor,
  }) : super(key: key);

  final String cardTitle;
  final Widget pageDestination;
  final String imageSource;
  final Color cardColor;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      child: Padding(
        padding: const EdgeInsets.only(right: 10),
        child: Container(
          padding:
              const EdgeInsets.only(left: 20, right: 20, bottom: 20, top: 50),
          width: 200,
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(15),
            color: cardColor,
          ),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                cardTitle,
                style: GoogleFonts.quicksand(
                  textStyle: const TextStyle(
                    fontSize: 25,
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.end,
                children: [
                  Image.asset(
                    imageSource,
                    width: 75,
                    height: 75,
                  ),
                ],
              )
            ],
          ),
        ),
      ),
    );
  }
}

Answer 1

将图像设置为容器背景图像，然后将DecorationImage alignment属性设置为bottomRight & fit属性设置为BoxFit.none

样本：

GestureDetector(
  onTap: () {},
  child: Container(
    padding: const EdgeInsets.fromLTRB(20, 20, 20, 100),
    width: 200,
    decoration: BoxDecoration(
      image: DecorationImage( //this
        image: AssetImage(imageSource),
        fit: BoxFit.none,//this
        alignment: Alignment.bottomRight, //this
      ),
      borderRadius: BorderRadius.circular(15),
      color: cardColor, 
    ),
    child: Column(
      mainAxisSize: MainAxisSize.min,
      mainAxisAlignment: MainAxisAlignment.start,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          cardTitle, 
          style: const TextStyle(
            fontSize: 18,
            color: Colors.white,
            fontWeight: FontWeight.bold,
          ),
        ),
        const Text(
          "2.9GB",
          style: TextStyle(
            fontSize: 12,
            color: Colors.white54,
            fontWeight: FontWeight.bold,
          ),
        ),
      ],
    ),
  ),
);

代码片段在这里。