How do I constrain the center horizontal axis of this Textfield so it sits at the bottom of the grey image and moves with height of the image? Currently I have all the views in a Box and I’m adding padding for the TextField to align with the image. But if the image is shorter for example, I want the TextView to move up with it

LazyRow has a contentPadding argument, but Row doesn't (even though you can make Row scrollable). Why is that? Or is there another way you're "supposed" to apply contentPadding in a Row?

I 'm developing an app for smartphone and tablet. With xml was simple.. but with compose? I can put value or string into xml different folder and get if device is a smartphone or tablet. is there other method?

Hi, how can I effectively measure the complete Jetpack Compose rendering time? I use the function below, but it is not working, since the function call completed before the rendering of the UI is completed.

@Composable
    override fun Content() {
        val elapsedTime= measureTimeMillis {
            MyDeepHierarchyJetpackComposeDrawing()
        }
        Log.d("Tracking", "Time used $elapsedTime")
    }

Thanks!

If I render

Screen

and I can guarantee that its immutable, would it recompose fewer times/perform better if I wrapped it in a

ScreenWrapper

marked with

@Immutable

? I cant mark the actual screen, but I can use a value/inline class for the wrapper.

How to use

rememberSaveable

with

FocusRequester

? it gives me a crash.

Hi ! I'm using

coroutineScope.launch {

in order to start a coroutine in my code. But is there a variant of

launch

which runs the coroutine for a given amount of time, instead of infinitely ? Because otherwise, I'm afraid my code, which is a bit a kind of spaghetti as now, will be worse.

Anyone occurred the same issue/crash?

Fatal Exception: java.lang.IllegalStateException: Compose assumes that all pointer ids in MotionEvents are first provided alongside ACTION_DOWN or ACTION_POINTER_DOWN.  This appears not to have been the case

Hello, i didn’t manage to find answer myself and after googling a bit I decided to try it here Is there a way to support gboard image & video content insertion (gifs/stickers) in compose

TextField

? For

EditText

i’ve used this..

ViewCompat.setOnReceiveContentListener(chatInput.textInput, arrayOf("image/*", "video/*"))

is there an option to not insert custom

AndroidView

? 🤞

I feel like this must be easy but I'm drawing a blank: I have a

Column

with 2 children. I want the second child's height to be exactly 100.dp, and the first child's height to take up the remainder. What's the easiest way to accomplish that? Putting

Modifier.fillMaxHeight

on the first child doesn't seem to cut it

I have a utility function which `remember`s a call to

flowWithLifecycle

, and I’m wondering if it’s wise (some code in thread)

I have a

ClickableText

(with an annotated string), and I only handle clicks on a certain portion of the string, like this:

onClick = { pos ->
    if (pos in linkStart..linkEnd) {
        onLoginClicked()
    }
}

How can I test this? I need a way in the test to click on a certain position (string index) in the text.

performClick()

doesn’t take any parameters that I could use to click at a certain position. Using

performTouchInput()

let’s me move by a number of pixels, but I’m not sure how that helps since I need to click based on string position.

This message was deleted.

For anyone that's savy with animation. A technique I've been using a lot is Crossfade{ } with a Button and when that button is making a network call, it crossfades into a CircularProgressBar. My "problem" is that I want the progressBar to be in the dead center of where the Button would have been. Leaving me to think... Crossfade is the wrong thing to use? Any other approaches you all would try? The only thing that comes to mind to me is to instead just create a composable where I change the alpha of the Button, and the progressBar so that the button is still measured, it's just not visible. Edit: Actually I looked at the code for Crossfade, and internally it seems to be changing alpha (which makes sense, I just didn't think about it before). If that's the case though... why do the contents inside shift around like the composable was removed from the tree entirely?

What is the recommended way to avoid calling Android APIs from a

@Preview

? For example

rememberPermissionState

has calls to

Context

or when remembering some specific Android API like MediaPlayer. Should those be provided through a

CompositionLocalProvider

at the root level or is there some other way to “fake” these?

Hello, I am trying to write screenshot tests for

HorizontalTrayUi()

and

TrayItemUi()

Its easy to test

TrayItemUi()

in isolation by mocking

TrayItemViewModel

and its exposed state flows, but whats the recommended way to test

HorizontalTrayUi()

as it calls

TrayItemUi()

which then tries to create a viewModel using

Hilt

Here’s the structure

@Composable
fun HorizontalTrayUi(
	trayModel: TrayModle,
	viewModel: TrayViewModel = viewModel()
) {
	Text(...) // title of the tray
	LazyRow(..){
		item -> {
			TrayItemUi(item)
		}
	}
}

@Composable
fun TrayItemUi(
	item: TrayItemModel,
	viewModel: TrayItemViewModel = viewModel()
) {
	......
}

@Pedro Gomez

I am using DropdownMenu, with the offset param, to try to get it to show under where the press took place. But after get past a certain amount, it jumps all the way to the bottom of the view. Not sure why. Anybody have experience with this?

I have a weird issue where

Test

composable in the snippet is not recomposed on state change, it's only called once. This seems to happen only if this Box is placed inside a

sheetContent

of

BottomSheetScaffold

:

Box {
  var enable by remember { mutableStateOf(true) }
  println("enable out=$enable")
  Test(enable = enable)
  Button(onClick = { enable = !enable })
}

@Composable
fun Test(enable: Boolean) {
  println("enable in=$enable")
  Text(text = enable.toString())
}

Hi guys 🙂 How would I disable accessibility on a

Surface

element? It’s an app for blind people and we have another mean of describing the content of the view with talkback Something like

importantForAccessibility="noHideDescendants"

Testing problem … please help, this has been driving me nuts! I have a simple `TextField`:

TextField( value = myText,
    onValueChanged = { new -> myText = new },
    modifier = Modifier.testTag("MyInput"))

And I’m trying to set some text in the text field in a test:

composeTestRule.onNodeWithTag("MyInput").performTextInput("Test")

My test fails, and I get the error:

No input session started. Missing a focus?

What am I doing wrong here? Doing some digging into the testing source and debugging the nodes, it looks like the

TextField

node doesn’t get focused for some reason. I tried adding a

performClick()

before setting the text, but that didn’t help either. The node still has

focused =  false

… What am I missing?

How to make 

ScaffoldState

 work with 

CompositionLocalProvider

 to control the drawer open/close from anywhere in my fragment?

Is there any APIs for being notified about an animation being finished in

AnimatedVisibility

? (like

onFinishedListener

)

Which artifact for livedata integration? androidx.compose.runtime:runtime-livedata or androidx.lifecycle:lifecycle-viewmodel-compose?

Has someone integrated Dagger in such a way where dagger provides Screen composables? if so, how, ifi ts just

() -> @Composable Unit

lamdas? Qualifieres everywhere? Or maybe some typesafe object based Screen? is that a bad idea? (since it doesnt really compose if needed, same way fragments sort of did)

@Composable
fun GetContentExample() {
    val context = LocalContext.current
    var directoryUri by remember { mutableStateOf<Uri?>(null) }
    //val imageUri = mutableListOf<Uri?>()
    //val cR = context.contentResolver

    val launcher =
        rememberLauncherForActivityResult(ActivityResultContracts.OpenDocumentTree()) { uri: Uri? ->
            directoryUri = uri
        }
    Column(modifier = Modifier.fillMaxSize()) {

        Button(onClick = { launcher.launch(directoryUri) }) {
            Text(text = "Load Image")

        }

        val documentFile = directoryUri?.let { DocumentFile.fromTreeUri(context, it) }
        val files = documentFile?.listFiles()

        val pathList = mutableListOf<DocumentFile>()

        files?.forEach { file ->
            if (file.type == "image/jpeg") {
                pathList.add(file)
            }
        }

        LazyColumn(modifier = Modifier.fillMaxSize()) {
            items(items = pathList) { path ->
                Text(text = path.uri.toString())
                Image(
                    painter = rememberImagePainter(path.uri),
                    contentDescription = "My Image"
                )
                Spacer(modifier = Modifier.height(20.dp))
            }
        }
    }
}

Help Text appearing but not the images. Here I'm first taking access to pictures folder then wanna show it on LazyColumn... It'll be good if you provide source I can read to know how to display, copy images from one folder to another 🙂

If I'd like to draw an inner (inset) shadow, what are my options? Not supported by the framework, but can I do it by hand maybe?

I've added navigation animation to my project, and all my heavy computations that I could find are done on IO dispatcher, however, navigation animation still has little stutter during initial animation. Any tips on how to avoid this?

HI Team i am working on app which is only for tablet for all the resolution and i am facing issue to create UI as pixel perfect can anyone help me how i can create UI as pixel perfect in compose

When setting ripple effect for a Row, i use rememberRipple but the ripple is not bounded to the rounded corners of the row. Is there anything off with the ripple implementation here?

modifier = Modifier
    .padding(horizontal = 26.dp)
    .background(colorResource(R.color.lemonade_cloud), shape = RoundedCornerShape(7.dp))
    .fillMaxWidth()
    .wrapContentHeight()
    .clickable(onClick = {
        onLogoutClicked.invoke()
    }, indication = rememberRipple(bounded = true),
        interactionSource = remember { MutableInteractionSource() })
    .padding(vertical = 15.dp, horizontal = 20.dp),