Especificação de componentes por plataforma

Alguns elementos fornecidos pelo Beagle podem ser mais direcionados à uma plataforma e, talvez, não fazer tanto sentido para outra. Por exemplo, o uso do ScrollView funciona melhor na plataforma Mobile, mas não é necessário na Web.

Isso acontece porque o Beagle possui a funcionalidade de Especificação de Plataforma, que te permite ter controle de quais elementos são enviados pelo BFF e quais plataformas serão usadas.

Como funciona?

O Beagle faz uso de um cabeçalho personalizado, beagle-platform, com os possíveis valores:

• ALL;
• MOBILE;
• ANDROID;
• IOS;
• WEB;

Dessa forma, a resposta do BFF é interceptada e os elementos filtrados de acordo com a plataforma para qual ela está sendo enviada.

Como acessar?

Você pode acessar esse controle de duas maneiras:

1. Por meio de estruturas de controle de fluxo em seu código, que verifica qual plataforma seu cliente usou para realizar uma requisição.

Veja no exemplo a seguir:

fun createComponentPlatformDependent(beaglePlatform: BeaglePlatform) = when {
    this.beaglePlatform.isMobilePlatform() -> {
        ScrollView(
            children = listOf(
                Text("Mobile platform")
            )
        )
    }
    this.beaglePlatform == BeaglePlatform.WEB -> {
        Text("Web platform")
    }
    else -> {
        ScrollView(
            children = listOf(
                Text("Mobile platform"),
                Text("Web platform")
            )
        )
    }
}

2. Especificando a plataforma para qual o elemento é destinado e, com isso, o Beagle faz a filtragem dos elementos corretos.

Veja no exemplo a seguir:

Button(text = "mobile only text").forPlatform(BeaglePlatform.MOBILE),
Button(text = "web only text").forPlatform(BeaglePlatform.WEB),
Button(text = "ios only text").forPlatform(BeaglePlatform.IOS),
Button(text = "android only text").forPlatform(BeaglePlatform.ANDROID),
Button(text = "text free for all")

Se quiser saber como configurar esta funcionalidade, veja na seção de customização do Beagle.

Feedback

Was this page helpful?

Glad to hear it! Please tell us how we can improve.

Sorry to hear that. Please tell us how we can improve.