如何使用Swift UI添加新行文本

Posted 2023-01-31

我正在尝试使文本（CEO）直接出现在名称下方。当我添加它时，它就一直在底部

struct ContentView: View 
    var body: some View 
        VStack 
            VStack 
            Spacer(minLength: 35.0)
            Image("employeeID")
                .clipShape(Circle())
                .shadow(radius: 10.0)
                .background(/*@START_MENU_TOKEN@*/Color.red/*@END_MENU_TOKEN@*/)
            
            .padding(.bottom, 50.0)
            .background(/*@START_MENU_TOKEN@*/Color.red/*@END_MENU_TOKEN@*/)
                .edgesIgnoringSafeArea(.all)
            VStack 
                ZStack (alignment: .top) 
                    Color.white
                    HStack 
                        Text("Jobs")
                        .fontWeight(.heavy)
                        .multilineTextAlignment(.center)
                        .padding(.top, 20.0)
                        .font(.largeTitle)
                        Text("Steve")
                            .fontWeight(.light)
                        .multilineTextAlignment(.center)
                        .padding(.top, 20.0)
                        .font(/*@START_MENU_TOKEN@*/.largeTitle/*@END_MENU_TOKEN@*/)
                    
                
                Text("CEO")
            
        

    

答案

这是我的解决方案，但我认为不需要在顶部添加填充物

struct ContentView: View 
    var body: some View 
        VStack 
            VStack 
            Spacer(minLength: 35.0)
            Image("employeeID")
                .clipShape(Circle())
                .shadow(radius: 10.0)
                .background(/*@START_MENU_TOKEN@*/Color.red/*@END_MENU_TOKEN@*/)
            
            .padding(.bottom, 50.0)
            .background(/*@START_MENU_TOKEN@*/Color.red/*@END_MENU_TOKEN@*/)
                .edgesIgnoringSafeArea(.all)
            VStack 
                ZStack (alignment: .top) 
                    Color.white
                    HStack 
                        Text("Jobs")
                        .fontWeight(.heavy)
                        .multilineTextAlignment(.center)
                        .font(.largeTitle)
                        Text("Steve")
                            .fontWeight(.light)
                        .multilineTextAlignment(.center)
                        .font(/*@START_MENU_TOKEN@*/.largeTitle/*@END_MENU_TOKEN@*/)
                    
                    .padding(.top, 20.0)
                    Text("CEO")
                        .padding(.top, 60.0)
                
            
        

    

感觉像是破解，而不是优雅的解决方案。