1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

SwiftUIの基本となるHStack,VStack

Last updated at Posted at 2020-05-04

##テキストを表示
SwiftUIを使ってテキストを表示します。

2020-05-04 10.37のイメージ.jpg

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack(alignment: .leading) {
            HStack {
                Text("タンポポ")
                    .foregroundColor(Color.blue)
                    .font(.title)
                Text("春の植物")
            }
            Text("離弁花類")
        }
        .offset(x: 0, y: 50)
    }
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

struct ContentView: View{ }を宣言し、その中にオブジェクトを加えていきます。

鉛直方向にオブジェクトを加えるためにはVStack{}, 水平方向にオブジェクトを加えるためにはHStackを用います。
タンポポと春の植物はHStack{}のなかにあるので水平方向に位置しています。

タンポポ 春の植物離弁花類VStack{}のなかにあるので鉛直方向に位置しています。

さらにそのVStack{}で囲まれたオブジェクトに.offset()によって位置を指定しています。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?