It is just for convenience, to shortify syntax. By using delegate (by keyword) you can skip relating to value because it is done under the hood. In the documentation you can read There are three ways to declare a MutableState object in a composable: val mutableState = remember { mutableStateOf(default) } var value by remember … Read more
You can use Coil for compose: https://coil-kt.github.io/coil/compose/ Add the dependency: implementation(“io.coil-kt:coil-compose:2.0.0-rc01”) and use it like this: Image( painter = rememberAsyncImagePainter(“https://www.example.com/image.jpg”), contentDescription = null, modifier = Modifier.size(128.dp) )
The Icon applies a default tint based on LocalContentColor.current that is Black by default. Use tint= Color.Unspecified to avoid it: Icon( painter = painterResource(id = R.drawable.ic_google_logo), contentDescription = “Google Button”, tint= Color.Unspecified ) The other option is to use an Image instead of an Icon.
If you want to use a Compose in your XML file, you can add this to your layout file: <androidx.compose.ui.platform.ComposeView android:id=”@+id/my_composable” android:layout_width=”wrap_content” android:layout_height=”wrap_content” /> and then, set the content: findViewById<ComposeView>(R.id.my_composable).setContent { MaterialTheme { Surface { Text(text = “Hello!”) } } } If you want the opposite, i.e. to use an XML file in your compose, … Read more
I had a similar use-case, the goal was to design a profile screen that has a bunch of information and statistics on top, and then comes to the posts as a Grid in the bottom of the screen. I ended up using the LazyVerticalGrid for the whole list and setting full span for the items … Read more
No, you can’t write Jetpack Compose components in Java, and there are no future plans to allow this (source: I work on Compose). Note that this is not the same thing as using components created in Compose from a Java app, which is possible. Jetpack Compose makes heavy use of Kotlin features such as coroutines, … Read more
You can apply the weight modifier to the lazyColumn: Column(Modifier.fillMaxSize()) { LazyColumn(Modifier.weight(1f)) { items(50) { i -> Text(“Row $i”, Modifier.fillMaxWidth().padding(8.dp)) } } Button(onClick = { println(“hi”) }) { Text(“Hello”) } } This is also explained in the Jetpack Compose basics codelab
The background color of the Surface is based on the color attribute. Apply the alpha to the color property instead of the Modifier. Something like: Surface( color = Color.Black.copy(alpha = 0.6f), modifier = Modifier.fillMaxSize() ){ //…. }
@Dragan.T ‘s answer is correct. Adding implementation “androidx.navigation:navigation-compose:2.5.3 Solved my problem. As for why we need to add, I am not so sure. Edit: Be sure to replace 2.5.3 with latest version.
You could use an approach that looks like this which will show up in the recommended video bellow: @Composable fun TestView( action: MainActions, viewModel: OnboardViewModel = getViewModel() ) { TestUI(onClick = viewModel.clickMethod()) } @Composable fun TestUI(onClick: () -> Unit) {} @Preview @Composable fun TestUIPreview() { MaterialTheme() { TestUI(onClick = {}) } } There is a … Read more