remember is a composable function that can be used to cache expensive operations. You can think of it as a cache which is local to your composable. val state: Int = remember { 1 } The state in the above code is immutable. If you want to change that state and also update the UI, … Read more
setContent on ViewGroup is now deprecated. The below is accurate as of Compose v1.0.0-alpha01. For pure compose UI Fragment: class ComposeUIFragment : Fragment() { override fun onCreateView( inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle? ): View? { return ComposeView(requireContext()).apply { setContent { Text(text = “Hello world.”) } } } } For hybrid compose UI Fragment – … Read more
Update 07/20/2021: Just download and use the latest AS to fix the problem They splitted some packages in rc01 but per @CommonsWare comment (all credits to him) it seems there is a problem with Android Studio version itself. You have 2 options: Downgrade to beta09 until AS ArcticFox RC1 is out Try the suggested workaround, … Read more
Apparently, I have to include these imports import androidx.compose.runtime.getValue import androidx.compose.runtime.setValue The auto imports don’t automatically recommend it in the beta Android Studio 4.2 If you use livedata, then consider the below import import androidx.compose.runtime.livedata.observeAsState
Short answer: to disable the ripple pass null in the indication parameter in the clickable modifier: val interactionSource = remember { MutableInteractionSource() } Column { Text( text = “Click me without any ripple!”, modifier = Modifier .clickable( interactionSource = interactionSource, indication = null ) { /* doSomething() */ } ) Why it doesn’t work with … Read more
You can use the painterResource function: Image(painterResource(R.drawable.ic_xxxx),”content description”) The resources with the given id must point to either fully rasterized images (ex. PNG or JPG files) or VectorDrawable xml assets. It means that this method can load either an instance of BitmapPainter or VectorPainter for ImageBitmap based assets or vector based assets respectively. Example: Card( … Read more
You can use the LocalSoftwareKeyboardController class to control the current software keyboard and then use the hide method: var text by remember { mutableStateOf(TextFieldValue(“Text”)) } val keyboardController = LocalSoftwareKeyboardController.current TextField( value = text, onValueChange = { text = it }, label = { Text(“Label”) }, keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done), keyboardActions = KeyboardActions( onDone = … Read more
You can use these parameters: horizontalAlignment = the horizontal gravity of the layout’s children. verticalArrangement= the vertical arrangement of the layout’s children Something like: Column( modifier = Modifier.fillMaxSize(), verticalArrangement = Arrangement.Center, horizontalAlignment = Alignment.CenterHorizontally ) { Text( text = “First item”, modifier = Modifier.padding(16.dp) ) Text( text = “Second item”, modifier = Modifier.padding(16.dp) ) Text( … Read more
You can consider padding and margin as the same thing (imagine it as “spacing”). A padding can be applied twice (or more) in the same composable and achieve the similar behavior you would get with margin+padding. For example: val shape = CircleShape Text( text = “Text 1”, style = TextStyle( color = Color.White, fontWeight = … Read more
Update March 2021: The previous answer has been deprecated. You should now use: val context = LocalContext.current Previous answer for reference: You can access to context with define ambientContext. Example: val context = ContextAmbient.current