如何調用具有特定大小的視圖？

創建

我有一個關於 swiftui 中的視圖的問題。

我創建了一個文件 CircleView，它在中間顯示了一個圓圈和一個文本。此外，我在 ContentView 和 DetailView 中創建了一個列表以獲取詳細信息。我現在在列表和詳細視圖中使用創建的圓圈。不幸的是，圓的大小是在 CircleView 中定義的，我不知道如何單獨更改它，以便它在列表中顯示很小，並在詳細信息視圖中使用全寬。那麼如何單獨更改視圖的大小呢？

這是我的代碼

圓視圖：

struct CircleView: View {
  var body: some View {
    ZStack{
        Circle()
            .fill(Color.blue)
            .frame(width: 250, height: 250)
        Text("VIEW")
            .frame(width: 100, height: 100)
            .font(.largeTitle)
            .foregroundColor(.white)
    }
  }
}

內容視圖：

struct ContentView: View {
    var body: some View {
        
        NavigationView {
            List{
                NavigationLink(destination: DetailsView()) {
                  HStack{
                    Text("Hello")
                    Spacer()
                    CircleView()
                  }
                }.navigationTitle("Home")     
            }
        }
    }
}

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

詳情查看：

struct DetailsView: View {
    var body: some View {
        VStack{
            Text("Hello, World!")
                .padding(10)
            CircleView()
        }
    }
}

彥成

您應該從視圖中刪除設置的框架並在使用視圖時應用它。

您編輯的代碼：

struct Sample: View {
    var body: some View {
        NavigationView {
            List{
                NavigationLink(destination: DetailsView()) {
                    HStack{
                        Text("Hello")
                        Spacer()
                        CircleView()
                            .frame(width: 100 , height: 100) // <-- Update frame here
                    }
                }.navigationTitle("Home")
            }
        }
    }
}

struct CircleView: View {
    var body: some View {
        ZStack{
            Circle()
                .fill(Color.blue)
            Text("VIEW")
                .font(.largeTitle)
                .foregroundColor(.white)
        }
    }
}

struct Sample_Previews: PreviewProvider {
    static var previews: some View {
        Sample()
    }
}


struct DetailsView: View {
    var body: some View {
        VStack{
            Text("Hello, World!")
                .padding(10)
            CircleView().padding()
        }
    }
}