Jectpack Componse para principiantes en Wear 3.0. Módulo Record Wear para unirse a Jectpack Compose… | por Pou | marzo de 2022

marzo 24, 2022

0 4 1 minuto de lectura

Jectpack Componse para principiantes en Wear 3.0. Módulo Record Wear para unirse a Jectpack Compose... | por Pou | marzo de 2022

Registre alguna experiencia de agregar el módulo Wear a Jetpack Compose para ayudar a comprender la información relevante de Gradle.

Referirse a Configurar Jetpack Compose en Wear OS Las instrucciones para unirse al proyecto Wear de Jetpack Compose directamente desde Android Studio, pero no puedo hacer que funcione.

Así que trate de comprender la configuración de Gradle para que las aplicaciones Wear puedan usar Jetpack Compose correctamente.

paso 1. Crear un módulo Wear OS para una actividad en blanco

Jectpack Componse para principiantes en Wear 30 Modulo Record Wear

paso 2. Modificar el build.gradle del módulo

Únase a la herramienta de compilación utilizada versión gradle:

buildscript {
dependencies {
classpath "com.android.tools.build:gradle:7.0.0"
}
}

paso 3. Modifica el builde.gradle de la aplicación

Especificar el uso de Kotlin

plugins {
id 'com.android.application'
id 'org.jetbrains.kotlin.android'
id 'kotlin-android'
}

Establezca buildFeatures, compileOptions, kotlinOptions, composeOptions (la versión de Java debe ser superior a 1.8)

buildFeatures {
viewBinding true
compose true
}compileOptions {
sourceCompatibility JavaVersion.VERSION_11
targetCompatibility JavaVersion.VERSION_11
}kotlinOptions {
jvmTarget = "11"
}composeOptions {
kotlinCompilerExtensionVersion = "1.2.0-alpha05"
}

Únase a Jetpack Compose for Wear’s dependencias

dependencies {
// General compose dependencies
implementation "androidx.activity:activity-compose:1.3.1"
implementation "androidx.compose.ui:ui-tooling-preview:1.0.3"
implementation "androidx.compose.foundation:foundation:1.0.3"
implementation "androidx.compose.material:material-icons-extended:1.0.3"
// Other compose dependencies// Compose for Wear OS Dependencies
implementation "androidx.wear.compose:compose-material:1.0.0-alpha18"
// Foundation is additive, so you can use the mobile version in your Wear OS app.
implementation "androidx.wear.compose:compose-foundation:1.0.0-alpha18"
// If you are using Compose Navigation, use the Wear OS version (NOT THE MOBILE VERSION).
// Uncomment the line below and update the version number.
// implementation "androidx.wear.compose:compose-navigation:1.0.0-alpha18"
// Testing
testImplementation "junit:junit:4.13.2"
androidTestImplementation "androidx.test.ext:junit:1.1.3"
androidTestImplementation "androidx.test.espresso:espresso-core:3.4.0"
androidTestImplementation "androidx.compose.ui:ui-test-junit4:1.0.3"
debugImplementation "androidx.compose.ui:ui-tooling:1.0.3"
}

paso 4. Modifica MainActivity para heredar actividad del componente

class MainActivity : ComponentActivity() {override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Scaffold {
previewFirstScreen()
}
}
}
@Preview
@Composable
fun previewFirstScreen() {
Column(
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier.fillMaxSize().padding(5.dp)
) {
Row {
Text("Test")
}
}
}
}