主页 / coding / 问题 / 79332861
Accepted
melearning
Asked: 2025-01-06 19:21:08 +0800 CST

背景封面

  • 772

我正在尝试覆盖红色区域，并在滑块中填充图像。尝试过 fit: BoxFit.fill 但没有成功，有人能帮我解决这个问题吗？谢谢你的帮助，上帝保佑你，我不知道该发什么短信，它一直要求我发更多短信。 在此处输入图片描述

// ignore_for_file: public_member_api_docs, sort_constructors_first
import 'package:flutter/material.dart';

class HomeSliderItem extends StatelessWidget {
  final bool isActive;
  final String imageAssetPath;
  const HomeSliderItem({
    super.key,
    required this.isActive,
    required this.imageAssetPath,
  });

  @override
  Widget build(BuildContext context) {
    return FractionallySizedBox(
      widthFactor: 20,
      child: AnimatedScale(
        duration: const Duration(milliseconds: 2500),
        scale: isActive ? 1 : 1,
        child: ClipRRect(
          //borderRadius: BorderRadius.circular(0),
          child: Stack(
            children: [
              Image.asset(imageAssetPath),
              Container(
                color: Colors.red,
              ),
              Image.asset(imageAssetPath, fit: BoxFit.fill),
            ],
          ),
        ),
      ),
    );
  }
}
flutter

1 个回答

  1. Best Answer

    尝试以下代码并添加width: double.infinity,图像

    注意：只需用我的网络图像更改您的资产图像即可

      Stack(
      children: [
        Container(
          color: Colors.red,
        ),
        Image.network(
            'https://images.pexels.com/photos/3225517/pexels-photo-3225517.jpeg?auto=compress&cs=tinysrgb&w=800',
            fit: BoxFit.cover,
          width: double.infinity,
        ),
      ],
    ),

    输出屏幕

    • 1

相关问题