What’s the best way to block input and focus to a Composable? I don’t want it to draw with the disabled emphasis, just make it not interactive.

On snapshot after the change to move to function-body-based code generation strategy, my project now triggers some compiler exception (getParent is null). Is there a way to debug where it is triggered?

I'm having some trouble on limiting the number of chars of a TextFieldValue.

var selection by state { TextRange(0, 0) }
var text by state { repository.getText() }
TextField(
    value = TextFieldValue(text, selection),
    onValueChange = { 
        selection = it.selection
        // there is a a limit on the number of chars. 
        // The passed text is automatically truncated
        text = repository.updateText(it.text) 
    }
)

When I exceed the number of chars, I have some problems with the keyboard that continues to record the inputs, so I have to press the delete button more times than needed.

ContextAmbient.current is not available, is there alternative way to get current Context ?

@Mihai Popa As I was checking as list of commits you guys made on compose branch. I saw a commit that says updating compose to 0.1.0-dev14 but has not seen the one that says updating compose to 0.1.0-dev13. Was this done intentional jumping from 0.1.0-dev12 straight to 0.1.0-dev14?

I don't know why it's not building. I just updated AS to canary 9. This was showing that the bundled Kotlin library is old, so I updated it to 1.3.72. Now, it says that it differs with the bundled version. Also, the Compose plugin is incompatible

What's the best way to add a header to an

AdapterList

? Can it be nested in a

VerticalScroller

?

What's the equal of textView.setText(

(Html.fromHtml(htmlString , Html.FROM_HTML_MODE_LEGACY)));

in compose?

also in

dev11

it’s impossible to extend

Brush

class with message

'<init>': it is private in 'Brush'

what is the better approach to applying a margin to a component (FilledTextField for example)?

I can't understand the

IntrinsicSize.Min and Max

for example:

@Composable
fun SameWidthBoxes() {
    // Builds a layout containing three Box having the same width as the widest one.
    //
    // Here preferredWidth min intrinsic is adding a width premeasurement pass for the
    // Column, whose minimum intrinsic width will correspond to the preferred width of the largest
    // Box. Then preferredWidth min intrinsic will measure the Column with tight width, the
    // same as the premeasured minimum intrinsic width, which due to fillMaxWidth will force
    // the Box's to use the same width.
    Stack {
        Column(Modifier.preferredWidth(IntrinsicSize.Min).fillMaxHeight()) {
            Box(
                modifier = Modifier.fillMaxWidth().preferredSize(20.dp, 10.dp),
                backgroundColor = Color.Gray
            )
            Box(
                modifier = Modifier.fillMaxWidth().preferredSize(30.dp, 10.dp),
                backgroundColor = Color.Blue
            )
            Box(
                modifier = Modifier.fillMaxWidth().preferredSize(10.dp, 10.dp),
                backgroundColor = Color.Magenta
            )
        }
    }
}

In this example changin

Min

to

Max

makes no difference. I'm trying to understand the difference of them. but in the below one:

@Composable
fun SameWidthTextBoxes() {
    // Builds a layout containing three Text boxes having the same width as the widest one.
    //
    // Here preferredWidth max intrinsic is adding a width premeasurement pass for the Column,
    // whose maximum intrinsic width will correspond to the preferred width of the largest
    // Box. Then preferredWidth max intrinsic will measure the Column with tight width, the
    // same as the premeasured maximum intrinsic width, which due to fillMaxWidth modifiers will
    // force the Boxs to use the same width.
    Stack {
        Column(Modifier.preferredWidth(IntrinsicSize.Max).fillMaxHeight()) {
            Box(Modifier.fillMaxWidth(), backgroundColor = Color.Gray) {
                Text("Short text")
            }
            Box(Modifier.fillMaxWidth(), backgroundColor = Color.Blue) {
                Text("Extremely long text giving the width of its siblings")
            }
            Box(Modifier.fillMaxWidth(), backgroundColor = Color.Magenta) {
                Text("Medium length text")
            }
        }
    }
}

it makes difference. I can't understand why in the

SameWidthBoxes

IntrinsicSize.Min

means :

minimum intrinsic width will correspond to the preferred width of the largest Box

why not the smallest Box. as it is in

SameWidthTextBoxes

sample.

how to get screen width and screen height in a composable function?

Basically, Box will add the padding modifier for you, and it won't be the "left most" modifier in the chain, which means it can't be emulated exactly by applying the padding modifier yourself

Why

onClick

doesn't trigger when I add

ripple

modifier?

Clickable(onClick = { ... }) {
        Icon(
            ...
            modifier = Modifier.ripple(false) + Modifier.padding(4.dp)
        )
    }

When I remove

Modifier.ripple(false)

,

onClick

triggers normally.

Box(
    modifier = Modifier
        .preferredSize(500.dp, 500.dp)
        .drawBackground(
            HorizontalGradient(
                0.0f to Color.Red,
                0.5f to Color.Green,
                1.0f to Color.Blue,
                startX = Px.Zero,
                endX = 500.dp.toPx()
            )
        )
)

I'd like for a gradient's end to match the parent's width - is there a nicer way to do this?

Is there a way to get Parent size to use them to resize child elements ?

Hi, I am setting up Dagger in my Jetpack Compose project. However, receive this build error ->

e: java.lang.NoSuchMethodError: org.jetbrains.kotlin.codegen.state.GenerationState$Builder.isIrBackend(Z)Lorg/jetbrains/kotlin/codegen/state/GenerationState$Builder;

Hi I was searching for a BottomSheet behavior on the material package of Compose but didn’t find it, is there a plan for releasing that component? I think that can be achieved by drawing a component untils is visible and having the “peek” property defined

Hello, In the Jetnews app, I saw we are using an AppContainer which contains the variables we will share across the app (such as repositories). We have to pass down this object to each component. What prevent us from using ambient?

Are there any best practices for requesting permissions in compose. While the request has to remain in activity the dialog will be displayed in composable functions...feels a bit fragmented. Maybe there is solution I'm not aware of!?

Can the corners be smooth in preview?

I can’t find

AndroidView

in Compose. Is that a separate package? https://developer.android.com/reference/kotlin/androidx/ui/viewinterop/package-summary?hl=hi-in

Applying

relativePaddingFrom

after

preferredSize

centers the children is that a bug? it works correctly when applied before

preferredSize

Box(
            gravity = ContentGravity.BottomStart,
            modifier = Modifier
                .drawBackground(Color.Green)
                .preferredSize(200.dp)
                .relativePaddingFrom(FirstBaseline, after = 30.dp)

        ) {
            Text(
                text = "Example of after relativePaddingFrom"
            )
        }

Hello! The latest Jetpack Compose minor release, dev12, has just been released! You can get it now on Google’s Maven Repository. Release notes are available at https://developer.android.com/jetpack/androidx/releases/compose and https://developer.android.com/jetpack/androidx/releases/ui. As always, feedback is welcome; please log issues at https://issuetracker.google.com/issues/new?component=612128!

In

dev11

, you could call a top-level composable function from a library via reflection by passing in

currentComposer

:

val clazz = Class.forName("com.commonsware.jetc.specimen.basics.ActionCheckboxKt")
val demoMethod = clazz.methods.find { it.name == "ActionCheckboxDemo" }

demoMethod?.let {
    it.isAccessible = true
    it.invoke(null, currentComposer)
}

In this case,

ActionCheckboxDemo()

has zero parameters in terms of the way the source is written. But, if you looked at the compiled class file (e.g., via External Libraries in Studio), you would see that the function was rewritten to take a

Composer

. I'm uncertain how to accomplish this in

dev12

. If I look at the compiled class file, it claims to take zero parameters. If I try

invoke()

, it claims to take 3 parameters. The release notes support the three-parameter signature, though the docs seem to be somewhat mangled:

A Composable function accepting a single parameter is transformed into a function accepting 3 parameters, the additional parameters are the Composer, a ‘key’ integer. a bitmask integer used to propagate metadata through calls.

If I change the invocation to

it.invoke(null, currentComposer, 0, 0)

, it runs. But... should I be deriving better values for those integers from somewhere?

I’m trying very hard not to ask why you’re using reflection 😁

Hello everyone, I know it's simple. but how can I change activity with compose? Specifically inside a click block of a ListItem.

For the new

StateFlow<T>.collectAsFlow()

extension introduced in dev12 (https://android-review.googlesource.com/c/platform/frameworks/support/+/1308154), why does

T

have a non-null upper bound? `StateFlow`’s

T

is nullable, and I don’t see why this bound should be required for the extension.

Hi, I’m new here and in learning compose. 👋 I’m trying to append to a list outside the

@Composable

function using

LiveData#observeAsState

. and modify the list-order internally for rendering (drag-reorder ux), but I can’t get it to work; I guess I lack understanding about

MutableState

. Any ideas? The new list doesn’t update the state 😞