Lo que comenté en el Episodio 020, entiendo que funcione así (porque patata), pero no entiendo por qué uno tiene "dos tonos" y el otro no...

ContentView.swift

import SwiftUI

let colors1: [UIColor] = [.blue, .green, .orange, .red, .purple, .brown, .gray] // UIKit
let colors2: [UIColor] = [.systemBlue, .systemGreen, .systemOrange, .systemRed, .systemPurple, .systemBrown, .systemGray] // UIKit System
let colors3: [Color] = [.blue, .green, .orange, .red, .purple, .brown, .gray] // SwiftUI

struct ContentView: View {
    var body: some View {
        HStack(spacing:0) {
            VStack(spacing: 0) {
                ForEach(colors1, id: \.self) { color in
                    Text("UIKit")
                        .foregroundColor(.white)
                        .frame (maxWidth: .infinity, minHeight: 64)
                        .background(Color(color))
                }
            }
            VStack(spacing: 0) {
                ForEach(colors2, id: \.self) { color in
                    Text("UIKit System")
                        .foregroundColor(.white)
                        .frame (maxWidth: .infinity, minHeight: 64)
                        .background(Color(color))
                }
            }
            VStack(spacing: 0) {
                ForEach(colors3, id: \.self) { color in
                    Text("SwiftUI")
                        .foregroundColor(.white)
                        .frame (maxWidth: .infinity, minHeight: 64)
                        .background(color)
                }
            }
        }
    }
}

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

Buenos días,

He comprobado que en tu Xcode al lado de los números te aparece una marcación en forma de barras grises que te indican los ámbitos (donde empiezan y acaban las llaves "{ }"). ¿Eso en qué parte del IDE se activa ?

Ejem: https://clips.twitch.tv/OnerousPeacefulAdminOneHand-9Vj02eQJlGkfAK0u

Salu2.

¡Hola Diego, ¿Conoces #Twitimer?

Es una App de MoureDev creada con la comunidad de developers para que los streamers puedan añadir sus horarios de emisión en Twitch y notificar a su audiencia cada vez que hagan.

Se puede descargar para iOS y Android de forma gratuita y si te registrar como creador de contenido, los que te sigamos a traves de la App, recibiremos una notificación si cambias algún horario, etc...

Si quieres ver toda la info... https://twitimer.com

Espero volver a retomar la programación de Apps gracias a ti. Un saludo y muchas gracias.

Esta aproximación no es del todo mía (he recibido ayudita jaja), pero creo que evita el problema que tiene el avión:

import SwiftUI

struct PlaneView: View {
    private let circleDiameter = 300.0
    private let planeSide: CGFloat = 40.0
    @State private var animate = false
    
    var body: some View {
        ZStack {
            Spacer()
                .frame(maxWidth: .infinity, maxHeight: .infinity)
            
            Circle()
                .stroke()
                .scaledToFit()
                .frame(width: circleDiameter)
            
            Image(systemName: "airplane")
                .resizable()
                .scaledToFit()
                .frame(width: planeSide)
                .rotationEffect(.degrees(90.0))
                .frame(width: circleDiameter + planeSide, alignment: .trailing)
            
        }
        .rotationEffect(.degrees(animate ? 360.0 : 0.0))
        .onAppear {
            
            withAnimation(.linear(duration: 5).repeatForever(autoreverses: false)) {
                animate = true
            }
            
        }.background(LinearGradient(colors: rainbowColors, startPoint: .top, endPoint: .bottom))
        
    }
    
}

struct PlaneView_Previews: PreviewProvider {
    static var previews: some View {
        PlaneView()
    }
}

Tal vez te interese para los streams activar la visualización del single touch en el simulador para que los muestre como si fueran una pulsación de dedo. Queda muy bien esta configuración para vídeo tutoriales.

defaults write com.apple.iphonesimulator ShowSingleTouches 1

Salu2.

Estaría bien que enseñases las distintas zonas y herramientas de xCode y para qué sirven: la toolbar de arriba, la consola de depuración, el explorador de proyectos, etc

No se si será la mejor solución, pero se podría hacer lo siguiente...

En PixelDrawingView declaramos una variable binding para pasarle el array de pixelArts

@Binding public var parentPixelArts: [PixelArt]

Modificamos el init de PixelDrawingView añadiendo el nuevo parámetro parentPixelArts y lo asignamos a la variable Binding:

/// Must be public to allow creating instances out of this package
    public init(pixelArt: Binding<PixelArt>, parentPixelArts: Binding<[PixelArt]>) {
        self._pixelArt = pixelArt
        self._draftPixelArt = State(initialValue: pixelArt.wrappedValue)
        self._parentPixelArts = parentPixelArts
    }

Modificamos el body de PixelDrawingView con lo siguiente:

public var body: some View {
        if !parentPixelArts.contains(where: {$0.id == self.pixelArt.id || $0.name == self.pixelArt.name}) {
            Text("PixelArt has been deleted!")
        }else{

He puesto una doble condición porque el PixelArt.from cambia el "id"... habría que tener una clave id fija que no cambiara. Asumo que el nombre es clave.

Por último solo faltaría pasar el array de pixelArts en PixelArtListView:

struct PixelArtListView: View {
    
    @State var pixelArts: [PixelArt]
 
    var body: some View {
        NavigationView{
            List($pixelArts) { pixelArt in
                NavigationLink(destination: PixelDrawingView(pixelArt: pixelArt, parentPixelArts: $pixelArts)){

Al parecer, como en otros lenguajes, se puede acceder al setter de la propiedad con el guión bajo... si no se queja Xcode al asignar el valor. Con State() se pueden inicializar las variables @State, y ya no es necesario poner el ! en la declaración de la variable pixelArt

También se pueden inicializar con la siguiente sintaxis, pero me parece un poco feote:

self._pixelArt = /*State<PixelArt>*/.init(initialValue: ....

Así es como yo lo tengo:

import SwiftUI

public struct PixelDrawingView: View {
    
    static let numberOfColumns: Int = 10
    @State var pixelArt: PixelArt
    let columns: [GridItem] = generateColumns(numberOfColumns, columnWidht: 22)
    
    @State private var color: Color = .blue
    private let pixelSquareSize: CGFloat = 20
    
    public init(pixelArt: PixelArt? = nil) {
        
        self._pixelArt = State(initialValue: pixelArt ?? PixelArt(pixels: PixelArt.generatePixelArtPattern(size: PixelDrawingView.numberOfColumns),
                                             name: "",
                                             dateCreation: Date(),
                                             dateLastModification: Date()))
         
    }
    
    public var body: some View {
        VStack{
            Text("Awesome Pixel Painter 🎨")
                .padding()
            
            PixelArtView(pixelArt: pixelArt, colums: columns, pixelSquareSize: pixelSquareSize) { (pixel: Pixel) in
                print("Touch on row: \(pixel.row) col: \(pixel.col)")
                
                pixelArt = PixelArt.from(pixelArt: pixelArt, row: pixel.row, col: pixel.col, color: color, numberOfColumns: PixelDrawingView.numberOfColumns)
            }
            
            PixelArtView(pixelArt: pixelArt,
                         colums: PixelDrawingView.generateColumns(PixelDrawingView.numberOfColumns, columnWidht: 7),
                         pixelSquareSize: 5.0)
            
            ColorPicker("Pick color", selection: $color)
                .padding()
            
            HStack{
                Button("Clear") {
                    pixelArt = PixelArt.from(pixelArt: pixelArt,
                                             newPixels: PixelArt.generatePixelArtPattern(size: 10, color: .black))
                }
                
                Button("Random") {
                    pixelArt = PixelArt.from(pixelArt: pixelArt,
                                             newPixels: PixelArt.generatePixelArtPattern(size: 10))
                }
                
                Button("Fill") {
                    pixelArt = PixelArt.from(pixelArt: pixelArt,
                                             newPixels: PixelArt.generatePixelArtPattern(size: 10, color: color))
                }
            }
#if targetEnvironment(macCatalyst)
            .frame(maxHeight: 100)
#else
            .frame(maxHeight: 50)
#endif
            .padding()
        }
    }
}

extension PixelDrawingView {
    
    static func generateColumns(_ numCols: Int, columnWidht: CGFloat) -> [GridItem] {
        var columns: [GridItem] = []
        
        for _ in 0..<numCols {
            columns.append(GridItem(.fixed(columnWidht), spacing: 0, alignment: .center))
        }
        
        return columns
    }
}

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