Combinar texto en Swift UI


Si necesitas combinar diferentes vistas de texto en SwiftUI se puede hacer con uso del operador + así se puede combinar entre ellos .

Esto es útil para las situaciones que necesita dar formato diferente partes de un texto.

Por ejemplo, el siguiente ejemplo crea tres vistas de texto y luego usa + para unirlas en una sola vista de texto que devolverá:

Text("Texto ")
+ Text("combinado ")
    .bold()
+ Text("SwiftUI")
    .foregroundColor(.blue)

Otra forma es juntar los elementos Text en un stack horizontal

HStack(spacing: 8) {
    Text("Aprovecha la")
        Text("oferta")
        .foregroundColor(.red)
    Text(", de")
    Text("Black Friday!")
        .italic()
        .bold()
}

Combinar icono y texto

Si se requiere combinar un icono y texto

Label("Tu cuenta", systemImage: "person.crop.circle")
    .font(.body)

Se puede controlar como se muestra la etiqueta usando el modificador labelStyle con los siguientes valores:

  • titleOnly: solo texto
  • iconOnly: solo el icono
  • titleAndIcon: texto con el icono
VStack(spacing: 16) {
    Label("Enviar mensaje", systemImage: "paperplane")
        .font(.body)
        .labelStyle(.titleOnly)
    
    Label("Enviar mensaje", systemImage: "paperplane")
        .font(.body)
        .labelStyle(.iconOnly)
    
    Label("Enviar mensaje", systemImage: "paperplane")
        .font(.body)
        .labelStyle(.titleAndIcon)
}

Anuncio publicitario

Publicado por Codelaby

Mobile DevDesigner

Deja una respuesta

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

A %d blogueros les gusta esto: