Introducción al curso

1

Construyamos una app para iOS

2

Introducción a la arquitectura MVVM

3

Planeando nuestra app

Creando las primeras pantallas de la app

4

Programando la primera pantalla en módulos

5

Escribiendo la lógica para mostrar dos pantallas

6

Pantalla de inicio de sesión con SecureField y Scroll

7

Completando nuestra pantalla de inicio de sesión

8

Pantalla de registro de usuario

9

Comprobando el funcionamiento de nuestras pantallas

10

Estructura de las pantallas con TabView

11

Creando nuestra pantalla home

12

Pantalla home: logo y barra de búsqueda

13

Pantalla home: programación de interfaces estáticas

14

Pantalla home: carruseles

Aplicando arquitectura MVVM

15

Creando estructura para arquitectura MVVM

16

Modelando nuestro JSON

17

Peticiones al servidor

18

Mostrar información de un servidor de manera dinámica

19

Mostrar imágenes de forma dinámica y eficiente con LazyVGrid

Reproductor y búsqueda de video

20

Pasar datos entre pantallas

21

Darle datos de inicio a un Canvas

22

Reproducir videos dinámicamente de un servidor

23

Mostrar imágenes dinámicamente de un servidor

24

Mostrar alertas

25

Programar clase de búsqueda

26

Programar método de búsqueda

Últimas pantallas de la app

27

Pantalla de favoritos

28

Pantalla de perfil de usuario

29

Módulo de ajustes de perfil con Toggle

30

Pantalla de edición de perfil

31

Módulo de edición de perfil

32

Guardado interno de datos

Utilizando la cámara y fotos del iPhone

33

Captura de foto de perfil: ImagePicker y vista Sheet

34

Captura de foto de perfil con la cámara: modificar librerías de terceros

35

Captura de foto de perfil con la cámara: recuperar imágenes guardadas

¿Qué más posibilidades tiene SwiftUI?

36

Mejoremos nuestra app

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Creando nuestra pantalla home

11/36
Recursos

Aportes 9

Preguntas 5

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

en Xcode 13. Resolví de esta manera la TabView

init() {
        UITabBar.appearance().backgroundColor = UIColor(Color("colorTab"))
    }

y en el color predefinido que estuviera al 60%

Yo solucione lo del TabView de esta manera

init(){
        
        UITabBar.appearance().backgroundColor = UIColor(Color("tabBar-Color"))
        UITabBar.appearance().unselectedItemTintColor = UIColor.gray
        UITabBar.appearance().isTranslucent = true
        
        print("Iniciando las vistas de home")
        
    }

Para iOS16 en adelante, necesitas agregar esto para que los colores de los tabItems mantengan el color cuando no están seleccionados

Hola! para los que estan haciendo el curso en el 2023, esto es lo que me funciono con la ultima version de xcode

struct Home: View {
    @State var selectedTab: Int = 2
    var body: some View {
        Text("pantalla")
            TabView (selection: $selectedTab){
                Text("pantalla 1")
                    .tabItem{
                    Image(systemName: "person")
                    Text("perfil")
                    }.tag(0)
                Text("pantalla 2")
                    .tabItem{
                    Image(systemName: "gamecontroller")
                    Text("Juegos")
                    }.tag(1)
                Text("pantalla del Home")
                    .tabItem{
                    Image(systemName: "house")
                    Text("Home")
                    }.tag(2)
                Text("pantalla 3")
                    .tabItem{
                    Image(systemName: "heart")
                    Text("Favoritos")
                    }.tag(3)
            }.onAppear(){
                UITabBar.appearance().backgroundColor = UIColor(Color("tabBarColor"))
            }.accentColor(.white)
    }
}

La aproximacion que se deberia tomar en estos casos en los que se utilizara uikit deberia de ser explicar porque UIKit, sus diferencias, tal vez redirigirte a otro curso.

Mi aporte con la solución del tabbar, espero a alguien le sirva:

init() {
        UITabBar.appearance().backgroundColor = UIColor(Color("TabBar-Color"))
        UITabBar.appearance().unselectedItemTintColor = UIColor.gray
        
    }

Para los que tengan problema en cambiar el color de fondo del TabView

init(){
        let appearance = UITabBarAppearance()
        appearance.configureWithOpaqueBackground()
        appearance.backgroundColor = .blue
        UITabBar.appearance().standardAppearance = appearance
        if #available(iOS 15.0, *) {
            UITabBar.appearance().scrollEdgeAppearance = appearance
        }
    } 

Para dar transparencia agregue un opacity tomando como referencia código que @Hector Hugo Luna Miranda comento en el chat

init() {
        let appearance = UITabBarAppearance()
        appearance.configureWithOpaqueBackground()
        appearance.backgroundColor = UIColor(Color("tabBarColor").opacity(0.8))
        UITabBar.appearance().standardAppearance = appearance
        if#available(iOS 15.0, *) {
            UITabBar.appearance().scrollEdgeAppearance = appearance
        }//end if
    }//end init

Otra manera de darle opacidad al color.