技術ブログ

プログラミング、IT関連の記事中心

SwiftUIでTextを横(HStack)に並べて複数表示する【Swift】

■はじめに

SwiftUIのプロジェクト作成」の記事で紹介しているSwiftUIのプロジェクトを作成できる前提とします。(作成方法がわからない場合は「SwiftUIのプロジェクト作成」の記事を参照してください。)

■SwiftUIでTextを横(HStack)に並べて複数表示する

1.Textを「command」を押下しながらクリックする。

2.「Embed in HStack」を押下する。

3.「1」のTextが「HStack」のブロック(カッコ)で囲まれたことを確認する。

4.Xcodeの右上の「+」を押下する。

5.一番左のViewのメニューを選択して、「Text」をドラッグする。

6.「3」で用意した「 HStack」の場所にドロップする。

7.Textが追加されたら成功です。(プレビューで確認してみましょう)