<div class="stack-container">
  <img src="your-image.jpg" class="full-stack-image">
  <!-- 其他堆叠元素 -->
</div>

<style>
.stack-container {
  position: relative;
  width: 100%;  /* 或具体尺寸 */
  height: 400px; /* 必须指定高度 */
  overflow: hidden; /* 防止图像溢出 */
}

.full-stack-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 关键属性，保持宽高比填充 */
  z-index: 1; /* 确保图像在最底层 */
}
</style>

Stack(
  children: [
    Positioned.fill(
      child: Image.network(
        'your-image-url',
        fit: BoxFit.cover, // 关键属性
      ),
    ),
    // 其他堆叠组件
  ],
)

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="300dp">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/your_image" />

    <!-- 其他视图 -->
</FrameLayout>

ZStack {
    Image("your-image")
        .resizable()
        .scaledToFill()
        .frame(width: UIScreen.main.bounds.width, height: 300)
    
    // 其他视图
}