Ejemplo básico que utiliza el estado en Jetpack Compose para actualizar dinámicamente un contador en Android Studio | Operating systems, scripting, PowerShell and security

Android, Kotlin

package com.example.myapplication

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyScreenContent()
        }
    }
}

@Composable
fun MyScreenContent() {
    var counter by remember { mutableStateOf(0) }

    Column(
        modifier = Modifier.fillMaxSize(),
    ) {
        Text(
            text = "Counter value: $counter",
            modifier = Modifier.padding(bottom = 16.dp)
        )
        Button(
            onClick = { counter++ }
        ) {
            Text(text = "Increment Counter")
        }
    }
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    MyScreenContent()
}

package com.example.myapplication

import android.os.Bundle

import androidx.activity.ComponentActivity

import androidx.activity.compose.setContent

import androidx.compose.foundation.layout.Column

import androidx.compose.foundation.layout.fillMaxSize

import androidx.compose.foundation.layout.padding

import androidx.compose.material3.Button

import androidx.compose.material3.Text

import androidx.compose.runtime.*

import androidx.compose.ui.Modifier

import androidx.compose.ui.tooling.preview.Preview

import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContent {

MyScreenContent()

}

@Composable

fun MyScreenContent() {

var counter by remember { mutableStateOf(0) }

Column(

modifier = Modifier.fillMaxSize(),

) {

Text(

text = "Counter value: $counter",

modifier = Modifier.padding(bottom = 16.dp)

)

Button(

onClick = { counter++ }

) {

Text(text = "Increment Counter")

}

@Preview(showBackground = true)

@Composable

fun DefaultPreview() {

MyScreenContent()

}

Ejemplo básico que utiliza el estado en Jetpack Compose para actualizar dinámicamente un contador en Android Studio (Kotlin, Android)

LIBRO DE POWERSHELL

LO ÚLTIMO

VÍDEOS