Jetpack Compose Parkinho

O objetivo do Parkinho é criar uma documentação sobre o Jetpack Compose totalmete em Português(BR) 🇧🇷, ajudando a disseminar o conhecimento entre a comunidade Brasileira.

O que é o JetPack Compose? 🤔

"O Jetpack Compose é um kit de ferramentas moderno para a criação de UI nativa do Android. O Jetpack Compose simplifica e acelera o desenvolvimento da interface do usuário no Android com menos código, ferramentas poderosas e APIs intuitivas em Kotlin."

Como começar? 🚀

1. É necessário estar utilizando o Android Studio 4.1+ Canário

2. Ao criar um novo projeto, selecione Compose Activity

3. Para usar a ultima versão verifique se o seu build.gradle.kts do modulo app tem as seguintes configurações:

   android {
       // [...] 
       
       compileOptions {
           sourceCompatibility = JavaVersion.VERSION_1_8
           targetCompatibility = JavaVersion.VERSION_1_8
       }
       kotlinOptions {
           jvmTarget = "1.8"
       }
       buildFeatures {
           compose = true
       }
       composeOptions {
           kotlinCompilerExtensionVersion = "1.4.3" // essa versão pode variar
       }
       packaging {
           resources {
               excludes += "/META-INF/{AL2.0,LGPL2.1}"
           }
       }
   }
   
   // [...]

Componentes

Animações

• Crossfade

• Valores Animados

Fundação

• Text

• Box

Layout

• Constraint Layout

• Column

• Row

• Stack

• Scrollable Row

• Scrollable Column

Material

• AlertDialog

• Bottom App Bar

• Bottom Navigation

• Button

• Card

• Checkbox

• Divider

• Floating Action Button

• Progress

• Radio Button

• Scaffold

• Slider

• Snackbar

• Switch

• TextField

• Top App Bar

Resources

• Color

• Drawable

• String

Testes

• Encontrando Composables nos Testes

• Verificando Se Composable é Clicavel

• Executando Cliques

Contribua :wrench:

Viu alguma coisa que pode ser melhorada ou algo a ser acrescentado? Ótimo, toda contribuição é muito bem-vinda 💌. Veja abaixo como prosseguir:

• 📝 abra uma issue explicando o que você pretende resolver

• 🗣️ vamos falar um pouco sobre o seu ponto

• 🍴 faça o fork do projeto para sua conta do github

• 💻 hora de codificar; ao finalizar, crie seu pull request 🏁

TODO: adicionar readme para boas praticas de código

Outras Referências

Artigos

• Jetpack Compose: o framework de UI do Android para os próximos 10 anos por nglauber

• Jetpack Compose Part II: async data, tabs, scroller, fab, state, … por nglauber

Vídeos

• Jetpack Compose Tutorial - O Toolkit UI Android Moderno por tiago-aguiar

• GDG Curitiba - #5 Meetup Online: Jetpack Compose: a nova forma de implementar UI no Android por nglauber