SwiftUI/空文字だとTextは領域を完璧に取らないため、Unicodeの空白文字を使う

環境

code:sh

$xcodebuild -version

Xcode 15.0.1

Build version 15A507

スクリーンショットは iOS 17.0.1 上のプレビュー

モチベーション

PRで教えてもらったのでメモ

/icons/hr.icon

コード

code:swift

import SwiftUI

struct Item: Identifiable {

let text: String

var id: String { text }

}

struct ContentView: View {

static let items = [

Item(text: "AAAAAA"),

Item(text: ""), // or "\u{200D}"

Item(text: "CCCCCC"),

]

var body: some View {

HStack(alignment: .bottom) {

ForEach(Self.items) { item in

VStack {

Rectangle()

.fill(Color.blue)

.frame(width: 100, height: 100)

Text(item.text)

}

}

}

.padding()

}

}

U+200D

U+200B(ゼロ幅スペース)でも同様に領域を取ってくれた

長さ1以上の文字列であればhiddenさせると良さそうだけど、空文字の時はこういう特別な対応を入れる必要がありそう