【SwiftUI】ビューコントローラー：LabeledContent

★iPhoneアプリ開発 ・ビューコントローラー

環境

Xcode：16.1
Swift：6
iOS：16

基本

概要

LabeledContentとは
※iOS16から
タイトルと値を横並びに表示するビュー
フォームやリストと合わせて使用する
長いと自動で改行されて表示される

パラメータ

label：タイトル
value：値

LabeledContent("タイトル", value: "内容")

LabeledContent {
    Text("内容")
} label: {
    Text("タイトル")
}
例

import SwiftUI

struct ContentView: View {

    var body: some View {
        Form {
            // 項目名と値を指定
            LabeledContent("あいうえおかきくけこさしすせそ", value: "たちつてとなにぬねのはひふへほ")

            // カスタムする場合の記載方法
            LabeledContent {
                Image(systemName: "star.fill")
                    .foregroundColor(.yellow)
            } label: {
                Text("ランキング")
            }
        }
    }
}

#Preview {
    ContentView()
}