I want to show data in screen after

onCommit

completes. What is the suggested ways to do this ?

Any idea why Compose Preview is not working anymore in Android Studio? Is this a known issue? I'm using AS:

Android Studio 4.2 Canary 7
Build #AI-201.7846.76.42.6720134, built on July 30, 2020
Runtime version: 1.8.0_242-release-1644-b3-6222593 x86_64

with Gradle

6.6

, Android build tools

4.2.0-alpha07

, Kotlin

1.4.0

and Compose

0.1.0-dev17

. When I rebuild the project, the Preview doesn't show anything. It's a brand new project created using the "Compose Activity" template in AS and the Preview was working before updating to the latest dependencies (the template in AS was using Compose

0.1.0-dev13

).

Guys, is there a way to animate size set to

.fillMaxSize()

to

setPrefferedSize(someValue, someValue)

?

Just played with

AnimatedVisibility

. Really like how simple the API is and fits really well to a host of different use cases. Here is what I implemented to demonstrate list deletion with animation. Thanks for your work on this @Doris Liu 👏🏼 Here is the code with comments if anyone is interested - https://github.com/vinaygaba/Learn-Jetpack-Compose-By-Example/blob/master/app/src/main/java/com/example/jetpackcompose/animation/ListAnimationActivity.kt#L53

Hi! Do I miss some easier way to convert

dp

to pixels for Offsets? It's OK but I get a feeling that's a bit verbose.

drawLine(
      color,
      size.bottomLeft(Offset(1.dp.toPx().value, -1.dp.toPx().value)),
      size.topLeft(Offset(0f, 1.dp.toPx().value)),
      Stroke(width = 2.dp.toPx().value)
    )

I have found a bug while using

dev13

, does anyone by chance know if its fixed, or should I report it? Asking because upgrading to later versions could require some effort.

Button(
  modifier = if (enabled || MaterialTheme.colors.isLight) borderModifier else Modifier
)

Reversing the order of condition operands fixes compilation. This compiles OK:

Button(
  modifier = if (MaterialTheme.colors.isLight || enabled) borderModifier else Modifier
)

I will post a reported exception in the thread >>

I have upgraded to

dev17

and

4.2 Canary 7

and preview doesn't render anything. Running on emulator renders just fine. Is this a known issue? (Invalidate caches didn't help either)

I am trying to use

ProvidableAmbient

to pass data from screen1 to screen2. How to update data in screen2 and return back to screen1 ?

In what scenario should I use

remember { state }

rather than just

state

? I have tried and my app works thesame way.

Is it usually a bad smell if a @Composable fun doesn't have a modifier parameter?

I was reading through some CLs and left some comments, I hope that’s not out of line. Happy to keep my thoughts to this slack if they’re not meant for public review 😅

Is anyone else having issues with the keyboard not closing when pressing the close button? It closes if I touch the screen. It was working in dev16 but stopped when I updated the gradle to dev17

TextField(
    value = textValue,
    keyboardType = KeyboardType.Phone,
    imeAction = ImeAction.Done,
    onValueChange = { textValue = it },
    label = { Text("Enter Your Phone Number") },
    placeholder = { Text(text = "904353455") },
    onImeActionPerformed = { imeAction: ImeAction, softwareKeyboardController: SoftwareKeyboardController? ->
        if (imeAction == ImeAction.Done) {
            if(textValue.text.isEmpty()){
                return@TextField
            }

        }
    },
    modifier = Modifier.fillMaxWidth()
)

I want to set error on this text field for phone number, but i don't find any errortext, please let me know how can i set the error on textfield

Did I miss something? 👀 👀

I have text and image in a column. I am moving from Clickable to making the column containing them Modifer.clickable. It seems like I actually have to click around the image and text to make the column clickable action fire. Any ideas on the best way to clean this up? Do I need to stack a clickable column on top?

I am using dev17 and the format function isn’t an @Compose function hence this value does not update:

val mDataModel = remember {dataModel}                    

                    ui.TextLabelStyled(
                        text = "%.1f".format(mDataModel.value),
                        color = mDataModel.targetColor,
                        fontSize = valueFontSize,
                        modifier = Modifier
                    )

Is there a workaround?

What isn't working?

How to sort this issue, @Composable invocations can only happen from the context of a @Composable function

Hello everyone, is it possible to work with relative heights or widths? Suppose I have a box with a variable size and now I want to draw an image into the box that only fills a part of the box - for example: height of the image = 0.3 x height of the box Is this supported by the framework?

With dev17, I started to get this exception

java.lang.IllegalArgumentException: LayoutNode@bc99a9c children: 2 measureBlocks: androidx.compose.ui.LayoutKt$measureBlocksOf$1@3018c67 is not ready. layoutState is NeedsRelayout

There is no mention of my code in the stacktrace. I assume it is related to

LazyColumnFor

. I will update this message once I have more information. Edit: Looks like it is related to usage of new

background

modifier. It was used on a column with dynamic height which is calculated after a image load request.

Lately, I've been trying to implement a reddit client in compose. The first challenge I wanted to take on was to play gifs and videos in a list. Notoriously Recyclerview that present video content has been a difficult problem. However, I thought compose would be different based on the experience from my first Youtube like Video Player project. This required a lot more optimization than I initially anticipated but I think this is close to something usable 🙂

So I updated the default compose app Android Studio creates to

0.1.0-dev17

and Kotlin version to 1.4.0 as well as the compose Kotlin compiler. This are the dependencies in the dependencies block

implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
    implementation 'androidx.core:core-ktx:1.3.1'
    implementation 'androidx.appcompat:appcompat:1.2.0'
    implementation 'com.google.android.material:material:1.2.0'
    implementation "androidx.compose.foundation:foundation:$compose_version"
    implementation "androidx.compose.material:material:$compose_version"
    implementation "androidx.compose.ui:ui:$compose_version"
    implementation "androidx.compose.animation:animation:$compose_version"
    //For @Preview
    implementation "androidx.ui:ui-tooling:$compose_version"

The issue I have is on the

@Preview

annotation claiming it works on composable functions and my function is a composable function .Is there something I am missing?🤔 👇

I have a Text function and want the value to change when I change the state. There is no onChange for Text. Is there another composable I should use.

Trying to change a state in the background, sometimes I get the following error "Reading a state that was created after the snapshot was taken or in a snapshot that has not yet been applied".

// fetch all the items when the inventory change
    launchInComposition(inventory) {
        val currentInventory = inventory.value
        withContext(<http://Dispatchers.IO|Dispatchers.IO>) {
            // fetchAllItems() update the state
            currentInventory.fetchAllItems()
        }
    }

What is replacement for

FilledTextField

and

OutlinedTextField

in dev17? And is there any easy way to resolve all the issue while moving from one release version to another 😅. I am moving from dev14 to dev17.

What is the replacement for

Draw

composable. I can see in previous early versions like dev07 or dev08, there used to be a

Draw

composable through which we could render other composables on Canvas. I want to rotate a

@Composable()

method. Old code is like this:

@Composable
      fun Rotate(degree: Float, children: @Composable() () -> Unit) {
          Draw(children = children) { canvas, parent ->
              val halfWidth = parent.width.value / 2
              val halfHeight = parent.height.value / 2

              canvas.save()
              canvas.translate(halfWidth, halfHeight)
              canvas.rotate(degree)
              canvas.translate(-halfWidth, -halfHeight)
              drawChildren()
              canvas.restore()
          }
      }

I am on the verge of being rate limited due to my frantic refreshing of AndroidDevelopers twitter account 😄 Whoever has to press that button, can you please do it soon 😄

It might be a dumb question, but as I’m at my very beginning with Compose and cannot find an answer. Given I want to have something like

Text(text = myCustomText)

, where

myCustomText: Flow<String>

, what is the cleanest way to deal with that?

We are so excited to announce that Jetpack Compose Alpha is here! For all the details, please check out the blog post at http://goo.gle/jetpack-compose-alpha. You can get it now on Google’s Maven Repository and release notes are available at https://developer.android.com/jetpack/androidx/versions/all-channel. As always, feedback is welcome; please log issues at https://issuetracker.google.com/issues/new?component=612128.