SwiftUI: Combining Custom Text - ios

Question

With the SwiftUI built-in Text we are able to concatenate multiple Text views if we want to create a rich Text
like this:
Text("hello").foregroundColor(.white) + Text("world").foregroundColor(.pink)
However, if I have a custom Text:
struct MyText: View {
let label: String
var body: some View {
Text(self.label)
.foregroundColor(.myAppColor)
}
}
and then combine:
MyText(label: "hello") + MyText(label: "world")
the compiler outputs the following error:
Referencing operator function '+' on 'FloatingPoint' requires that 'MyText' conform to 'FloatingPoint'
I tried casting MyText to Text but the compiler doesn't like that either.
How do I go about achieving this in a slick manner?

Answer 1

This is a custom feature of Text, you can, however, mimick some of the behaviour. See the following example:
import SwiftUI
struct MyText: View {
private let configurations: [Configuration]
init(_ title: String, foregroundColor: Color = .black) {
self.configurations = [
.init(title: title,
foregroundColor: foregroundColor)
]
}
private init(configurations: [Configuration]) {
self.configurations = configurations
}
private struct Configuration: Identifiable {
let id = UUID()
let title: String
let foregroundColor: Color
}
var body: some View {
HStack {
ForEach(configurations, content: Render.init)
}
}
static func + (lhs: Self, rhs: Self) -> Self {
let configurations = lhs.configurations + rhs.configurations
return MyText(configurations: configurations)
}
private struct Render: View {
let configuration: Configuration
var body: some View {
Text(configuration.title)
.foregroundColor(configuration.foregroundColor)
}
}
}
struct MyText_Previews: PreviewProvider {
static var previews: some View {
MyText("hej") + MyText("Yo", foregroundColor: .red)
}
}
This is much more a proof of concept, than an advice to do this practice however.