SwiftUI：无法使用参数将View传递到CustomView中

huangapple
go评论106阅读模式
英文:

SwiftUI: Unable to pass View into CustomView using Parameters

问题

I'm currently having issues with sending a custom view through into another view as a parameter. All the other parameters work perfectly, it's just the view.

I've set up everything within a single Swift file to encapsulate the environment to troubleshoot, but I just get:
Cannot convert value of type 'Text' to expected argument type 'some View'

I'm most likely just missing something obvious, but I've tried with both any/some View, as well as variants with and without the @ViewBuilder but can't seem to find a solution.

Here's my code:

  1. //
  2. //  ProductsTabButton.swift
  3. //  RM Product Guide
  4. //
  5. //  Created by Matthew Hardiman on 04/07/2023.
  6. //
  8. import SwiftUI
  10. struct ProductsTabButton: View {
  11.     
  12.     @State var sheetActiveBool: Bool = false
  13.     var dismissFunction: () -> Void
  14.     var buttonColor: String = "rmWhite"
  15.     var buttonText: String = "Button Text"
  16.     var buttonIcon: String = "list.dash"
  17.     var buttonView: some View = BackgroundView()
  18.     
  19.     
  20.     var body: some View {
  21.         
  22.         // BUTTON STYLING
  23.         Button(action: {
  24.             sheetActiveBool.toggle()
  25.         },label:{
  26.             VStack(spacing: 0){
  27.                 Image(systemName: buttonIcon).productLinkBlockImage()
  28.                 Text(buttonText).productLinkBlockText()
  29.             }
  30.             .frame(maxWidth: .infinity, maxHeight: .infinity)
  31.             .background(Color(buttonColor))
  32.         })
  33.         .sheet(isPresented: $sheetActiveBool, onDismiss: dismissFunction) {
  34.             fetchView()
  35.         }
  36.         
  37.     }
  38.     
  39.     
  40.     @ViewBuilder
  41.     func fetchView() -> some View {
  42.          buttonView
  43.     }
  44. }
  46. struct ProductsTabButton_Previews: PreviewProvider {
  47.     static var previews: some View {
  48.         ProductsTabButton(
  49.             dismissFunction: {
  50.                 print("Test")
  51.             },
  52.             buttonColor: "rmYellow",
  53.             buttonText: "Yellow",
  54.             buttonIcon: "list.star",
  55.             //buttonView: SearchView()
  56.             buttonView: Text("Test")
  57.         )
  58.     }
  59. }

Any help with this would be greatly appreciated.

Thank you!

英文:

i'm currently having issues with sending a custom view through into another view as a parameter. All the other parameters work perfectly, it's just the view.

I've setup everything within a single swift file to encapsulate the enviroment to trouble shoot but i just get:
Cannot convert value of type 'Text' to expected argument type 'some View'

I'm most likely just missing something obvious, but i've tried with both any/some View, as well as variants with and without the @ViewBuilder but can't seem to find a solution.

Here's my code:

  1. //
  2. //  ProductsTabButton.swift
  3. //  RM Product Guide
  4. //
  5. //  Created by Matthew Hardiman on 04/07/2023.
  6. //
  8. import SwiftUI
  10. struct ProductsTabButton: View {
  11.     
  12.     @State var sheetActiveBool: Bool = false
  13.     var dismissFunction: () -> Void
  14.     var buttonColor: String = "rmWhite"
  15.     var buttonText: String = "Button Text"
  16.     var buttonIcon: String = "list.dash"
  17.     var buttonView: some View = BackgroundView()
  18.     
  19.     
  20.     var body: some View {
  21.         
  22.         // BUTTON STYLING
  23.         Button(action: {
  24.             sheetActiveBool.toggle()
  25.         },label:{
  26.             VStack(spacing: 0){
  27.                 Image(systemName: buttonIcon).productLinkBlockImage()
  28.                 Text(buttonText).productLinkBlockText()
  29.             }
  30.             .frame(maxWidth: .infinity, maxHeight: .infinity)
  31.             .background(Color(buttonColor))
  32.         })
  33.         .sheet(isPresented: $sheetActiveBool, onDismiss: dismissFunction) {
  34.             fetchView()
  35.         }
  36.         
  37.     }
  38.     
  39.     
  40.     @ViewBuilder
  41.     func fetchView() -> some View {
  42.          buttonView
  43.     }
  44. }
  46. struct ProductsTabButton_Previews: PreviewProvider {
  47.     static var previews: some View {
  48.         ProductsTabButton(
  49.             dismissFunction: {
  50.                 print("Test")
  51.             },
  52.             buttonColor: "rmYellow",
  53.             buttonText: "Yellow",
  54.             buttonIcon: "list.star",
  55.             //buttonView: SearchView()
  56.             buttonView: Text("Test")
  57.         )
  58.     }
  59. }

Any help with this would be greatly appreciated.

Thank you!

答案1

得分: 1

不应该将View作为View的属性。如果它是更大视图的可定制部分，请存储一个返回视图的闭包。

  1. struct ProductsTabButton<ButtonView: View>: View {
  2.     
  3.     @State var sheetActiveBool: Bool = false
  4.     var dismissFunction: () -> Void
  5.     var buttonColor: String
  6.     var buttonText: String
  7.     var buttonIcon: String
  8.     var buttonView: () -> ButtonView
  10.     // ...
  11. }

您可以直接将此闭包传递给sheet：

  1. .sheet(isPresented: $sheetActiveBool, onDismiss: dismissFunction, content: buttonView)

如果要为此属性设置默认值，请在扩展中编写初始化程序：

  1. struct ProductsTabButton<ButtonView: View>: View {
  2.     
  3.     // ...
  5.     init(buttonColor: String = "rmWhite", buttonText: String = "Button Text", buttonIcon: String = "list.dash", @ViewBuilder buttonView: @escaping () -> ButtonView, dismiss: @escaping () -> Void) {
  6.         self.buttonColor = buttonColor
  7.         self.buttonIcon = buttonIcon
  8.         self.dismissFunction = dismiss
  9.         self.buttonText = buttonText
  10.         self.buttonView = buttonView
  11.     }
  13.     // ...
  14. }
  16. extension ProductsTabButton where ButtonView == BackgroundView {
  17.     init(buttonColor: String = "rmWhite", buttonText: String = "Button Text", buttonIcon: String = "list.dash", dismiss: @escaping () -> Void) {
  18.         self.init(buttonColor: buttonColor, buttonText: buttonText, buttonIcon: buttonIcon, buttonView: { BackgroundView() }, dismiss: dismiss)
  19.     }
  20. }
英文:

You should not have Views as properties of Views. If it's a customisable part of a bigger view, store a closure that returns a view instead.

  1. struct ProductsTabButton<ButtonView: View>: View {
  2.     
  3.     @State var sheetActiveBool: Bool = false
  4.     var dismissFunction: () -> Void
  5.     var buttonColor: String
  6.     var buttonText: String
  7.     var buttonIcon: String
  8.     var buttonView: () -> ButtonView
  10.     // ...
  11. }

You can pass this closure to sheet directly:

  1. .sheet(isPresented: $sheetActiveBool, onDismiss: dismissFunction, content: buttonView)

If you want a default value for this property, write an initialiser in an extension:

  1. struct ProductsTabButton<ButtonView: View>: View {
  2.     
  3.     // ...
  5.     init(buttonColor: String = "rmWhite", buttonText: String = "Button Text", buttonIcon: String = "list.dash", @ViewBuilder buttonView: @escaping () -> ButtonView, dismiss: @escaping () -> Void) {
  6.         self.buttonColor = buttonColor
  7.         self.buttonIcon = buttonIcon
  8.         self.dismissFunction = dismiss
  9.         self.buttonText = buttonText
  10.         self.buttonView = buttonView
  11.     }
  13.     // ...
  14. }
  16. extension ProductsTabButton where ButtonView == BackgroundView {
  17.     init(buttonColor: String = "rmWhite", buttonText: String = "Button Text", buttonIcon: String = "list.dash", dismiss: @escaping () -> Void) {
  18.         self.init(buttonColor: buttonColor, buttonText: buttonText, buttonIcon: buttonIcon, buttonView: { BackgroundView() }, dismiss: dismiss)
  19.     }
  20. }

huangapple
  • 本文由 发表于 2023年7月4日 21:27:57
  • 转载请务必保留本文链接：https://go.coder-hub.com/76613146.html
  • parameters
  • swift
  • swiftui
  • viewbuilder
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定