ScrollView

• 新建一个swiftUI view - CardView

import SwiftUI

struct CardView: View {
    
    var imageName:String
    var content:String
    
    var body: some View {
       
        VStack {
            Image(imageName)
                .resizable()
                .frame(width: .infinity,height: 200)
                .scaledToFit()
                .cornerRadius(10)
            
            Text(content)
                .foregroundColor(.gray)
        }
        .padding()
        
    }
}

struct CardView_Previews: PreviewProvider {
    static var previews: some View {
        CardView(imageName: "charleyrivers", content: "只要你拥有的高洁与善良不会改变，在新的天地，依然会有最好的伙伴与你同行。此处前方，此刻未来，皆是你的天地。欢迎来到世界。")
    }
}

• 主页面

ScrollView {
    VStack {
        CardView(imageName: "charleyrivers", content: "只要你拥有的高洁与善良不会改变，在新的天地，依然会有最好的伙伴与你同行。此处前方，此刻未来，皆是你的天地。欢迎来到世界。")
        CardView(imageName: "umbagog", content: "活泼率直的少女，是蒙德城中唯一的侦察骑士。擅长使用风之翼的安柏，连续三年蝉联蒙德城的“飞行冠军”。作为西风骑士团的新星，今天的安柏依然活跃在第一线。")
        CardView(imageName: "chincoteague", content: "她是钟情于睡眠的知性魔女。作为西风骑士团图书馆的管理员，聪明的丽莎总能以最有效的方式将遇到的问题统统解决。")
        CardView(imageName: "hiddenlake", content: "西风骑士团，火花骑士！永远伴随闪光与爆炸出现！——然后在琴团长严厉的目光注视下默默消失。虽然新炸药的配方，很多都是在被关禁闭的时候想出来的……但如果不被关禁闭的话，就更好了。")
    }
}