如何在Swiftui中创建自定义形状

Question

我正在学习Swiftui，我想在应用程序中创建一些形状。

我没有重复代码，而是决定创建一个函数以显示形状。

我试图创建一个包含形状的函数，并将其称为我需要的位置。

import SwiftUI

struct HomeView: View {
    var body: some View {
        VStack{
            HStack{
               rect()
            }
        }
    }
}

func rect() {
    Rectangle()
        .frame(width: 100, height: 100)
        .cornerRadius(18)
}

struct HomeView_Previews: PreviewProvider {
    static var previews: some View {
        HomeView()
    }
}

我的问题是什么，我该如何修复它，以便可以为按钮，文本框，图像等创建不同的样式...

Answer 1

您在正确的轨道上，而不是定义函数，而是定义一个新视图：

struct MyRect: View {

    var body: some View {
        Rectangle()
            .frame(width: 100, height: 100)
            .cornerRadius(18)
    }
}

// Embed with 'MyRect()'

或者，代码中的func rect可以具有返回类型某些视图：

func rect() -> some View {
    Rectangle()
        .frame(width: 100, height: 100)
        .cornerRadius(18)
}

// Embed with 'rect()'

Answer 2

要创建一个函数以显示视图，必须创建@ViewBuilder函数并返回一些视图。

您需要做这样的事情： -

      @ViewBuilder func rect() -> some View {
   
              Rectangle()
                  .frame(width: 100, height: 100)
                  .cornerRadius(18)

      }

Answer 3

func rect是类型void，view> view返回某些视图中的正文。您应该使函数的返回类型符合view，所以要么：

1. 返回形状func rect（） - ＆gt;形状{

2. 返回视图func rect（） - ＆gt;一些查看{

请注意，如果使用选项号1，则无法返回任何不是shape的东西。