ios - 如何在 Swift 中使图像与其旁边的文本具有相同的高度？

Question

我是 Swift 的新手，正在制作 iOS 扫雷应用。在屏幕顶部，我希望在 Text() 对象旁边有一个炸弹图像，显示剩余的炸弹数量。

我想让图像和/或 HStack 调整大小以适应相邻文本的任何高度，而无需对其尺寸进行硬编码。

这可以/如何实现？

到目前为止的代码如下所示:

HStack(alignment: .center, spacing: 10) {
    Image("top_bomb")
        .resizable()
        .aspectRatio(contentMode: .fit)
    Text(String(game.bombsRemaining))
        .font(.system(size: 30, weight: .bold, design: .monospaced))
}
.frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height * 0.1, alignment: .trailing)

它看起来像:

Answer 1

你只需要按大小来固定它，比如

HStack(alignment: .center, spacing: 10) {
    Image("top_bomb")
        .resizable()
        .aspectRatio(contentMode: .fit)
    Text(String(game.bombsRemaining))
        .font(.system(size: 30, weight: .bold, design: .monospaced))
}
.fixedSize()                                        // << here !!
.frame(maxWidth: .infinity, alignment: .trailing)   // << !!

注意:另请注意，您不需要将框架硬编码为屏幕尺寸