SwiftUIで画像とテキストを表示する（チュートリアル）

##画像とテキストを表示する
SwiftUIで写真を表示するとテキストを表示するHStack,VStackの組み合わせです。

画像は画像だけを表示するswiftファイルとテキストだけを表示するswiftファイルを作成し、それらをインスタンス化
して表示させています。

import SwiftUI

struct Introduce: View {
    var body: some View {
        VStack {
            CircleImage()
            ContentView()
        }
    }
}

struct Introduce_Previews: PreviewProvider {
    static var previews: some View {
        Introduce()
    }
}

CircleImageは

import SwiftUI

struct CircleImage: View {
    var body: some View {
        Image("8D23A0D7-AB6F-477F-BDED-00D4C8804B99_1_105_c")
        .resizable()
        .clipShape(Circle())
        .overlay(
            Circle().stroke(Color.gray, lineWidth: 4))
            .aspectRatio(contentMode: .fit)
        .shadow(radius: 10)
    }
}

struct CircleImage_Previews: PreviewProvider {
    static var previews: some View {
        CircleImage()
    }
}

ContentViewは

import SwiftUI

struct ContentView: View {
    var body: some View {
        
        VStack {
            
            VStack(alignment: .leading) {
                
                HStack {
                    Text("タンポポ")
                        .foregroundColor(Color.blue)
                        .font(.title)
                    Text("春の植物")
                }
                
                Text("離弁花類")
            }
        }
    }
    
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

のように別のファイルを用意しています。