@Composable
fun TextVerticalCenter() {
    Row(verticalAlignment = CenterVertically, modifier = Modifier.background(Color.Black)) {
        Box(
            Modifier
                .size(8.dp)
                .background(Color.White)
        )
        Text(text = "Hello", color = Color.White, fontSize = 24.sp)
    }
}

detectDragGestures

onDragStart

position

LazyColumn

BottomSheetScaffold

BottomSheetScaffold(
                scaffoldState = bottomSheetScaffoldState,
                sheetContent = {
                    LazyColumn {
                        items(count = 10) {
                            Text(
                                text = "Item $it",
                                modifier = Modifier.padding(vertical = 8.dp)
                            )
                        }
                    }
                },
            ) {
                Box(
                    modifier = Modifier.fillMaxSize().padding(it),
                    contentAlignment = Alignment.Center
                ) {
                    Button(
                        onClick = {
                            coroutineScope.launch {
                                bottomSheetScaffoldState.bottomSheetState.expand()
                            }
                        },
                    ) {
                        Text(text = "Open sheet")
                    }
                }
            }

import androidx.compose.runtime.savedinstancestate.savedInstanceState

viewmodel

dagger-hilt

body { font-family: .AppleSystemUIFont; font-size: 13;} ul li {list-style-type:circle;}androidx.compose.ui.tooling.preview.PreviewActivity is not an Activity subclass or alias

struct SignInView : View {
    @State var createAccount = false
    @State var forgotPassword = false
    
    var body: some View {
        ZStack{
            VStack(alignment: .center, spacing: 15) {
            if(!createAccount && !forgotPassword){
                Text("Sign In").font(.title).bold().foregroundColor(.white)
                TextField("Email Address", text: self.$email)
            }
            if(createAccount){
                Text("Create Account").font(.title).bold().foregroundColor(.white)
                TextField("Email Address", text: self.$email)
                SecureField("Password", text: self.$password)
                SecureField("Confirm Password", text: self.$confirm)
                Button(action: {self.createUserAccount()}) {
                    Text("Create Account")
                }
            } else if (forgotPassword) {
                Text("Forgot Password").font(.title).bold().foregroundColor(.white)
                TextField("Email Address", text: self.$email)
                Button(action: {self.sendResetCode()}) {
                    Text("Email Reset Code")
                }
                TextField("Reset Code", text: self.$code)
                Button(action: {self.resetPassword()}) {
                    Text("Reset Password")
                }
            }
        }
    }
}

var signInState by rememberSaveable { mutableStateOf("login") }
if(signInState == "login") {
    Login(state = signInState)
}

@Composable
fun Login(state: String) {
            TextButton(
                onClick = { state = "signup" },
                colors = ButtonDefaults.textButtonColors(
                    backgroundColor = Color(0x00FFFFFF),
                    contentColor = Color.White,
                    disabledContentColor = Color(0x00FFFFFF),
                ),
            ) {
                Text("Create Account")
            }
}

onClick = { state = "signup" },

Val cannot be reassigned

val someBoolean = true // this is calculated
val translationSize = 100f // this is calculated

val animatedDelta by animateFloatAsState(if (someBoolean) 0.0f else 1.0f)
val value = if (someBoolean) {
    animatedDelta * -translationSize
} else {
    (1 - animatedDelta) * translationSize
}

onClick

var userEmail by remember { mutableStateOf("") }
var userPassword by remember { mutableStateOf("") }

Button(
    text = "Log in",
    onClick = {
        viewModel.login(userEmail, userPassword)
    }
)

buildFeatures {
    compose = true
    buildConfig = true
    viewBinding = true
}

compileOptions {
    isCoreLibraryDesugaringEnabled = true
    sourceCompatibility = Versions.java
    targetCompatibility = Versions.java
}

kotlinOptions {
    jvmTarget = Versions.java.name
}
composeOptions {
    kotlinCompilerExtensionVersion = Versions.kotlinCompilerExtension
    kotlinCompilerVersion = Kotlin.version
}

CompositionLocal

ViewModel

LazyColumn(modifier = modifier) {
    for (name in names) {
        Greeting(name = name)
        Divider(color = Color.Black)
    }
}

@HiltViewModel
class WorldViewModel @Inject constructor(): ViewModel() {
    fun hello() {
    }
}

@Composable
fun World(vm: WorldViewModel = hiltViewModel()) {
    Continent(onClick = vm::hello)
}

@Composable
fun Continent(onClick: () -> Unit) {
    Country(onClick)
}

@Composable
fun Country(onClick: () -> Unit) {
    State(onClick)
}

@Composable
fun State(onClick: () -> Unit) {
    Button(onClick = onClick) { }
}

ViewModel

by

var isSelected by remember { mutableStateOf(false) }

.value