kotlinlang #compose

Hello! I found a todo comment on androidx.compose.material that I would like to subscribe to as an issue, but the number that’s in there doesn’t seem to show up in search results anywhere and I couldn’t find anything in the Issue Tracker. Does this mean I don’t have permission to view the issue or is it not documented in the tracker?

// TODO(b/158077409) support shape in OutlinedTextField

:yes: 1

Orhan Tozan

02/26/2021, 11:10 AM

What is the recommended way to declare computed state? Is it with

remember(a, b) { a + b}

derivedStateOf { a + b }

Peter Parker

02/26/2021, 11:29 AM

Today we updated our project from compose alpha version to beta. Now we got this strange exception (ava.lang.NoClassDefFoundError: Failed resolution of: Landroidx/compose/ui/platform/AndroidAmbientsKt;) when using the Insets class from Chris Banes for edge-to-edge. Does someone know this exception and has a solution for this problem?

Kensuke Sano

02/26/2021, 12:12 PM

Is there any way to show placehoder while loading text or image like redacted in SwiftUI? https://swiftwithmajid.com/2020/10/22/the-magic-of-redacted-modifier-in-swiftui/

➕ 1

Archie

02/26/2021, 12:30 PM

Hi @Adam Powell, Any reason why,

@Composable
fun TopAppBar(
    title: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    navigationIcon: @Composable (() -> Unit)? = null,
    actions: @Composable RowScope.() -> Unit = {},
    backgroundColor: Color = MaterialTheme.colors.primarySurface,
    contentColor: Color = contentColorFor(backgroundColor),
    elevation: Dp = AppBarDefaults.TopAppBarElevation
) {
...
}

Doesn't expose

contentPadding

? Is it possible to request exposing the content padding to adding addition padding for

WindowInsets

would be easier?

Lukas K-G

02/26/2021, 1:00 PM

I would like to align some text in different `Row`s by the longest text before it. I.e.

Auto

Normal

and

Auto

should start at the same offset depending on the longest text in the previous “column” (visualized in green). Any ideas how I achieve do that? 🤔

escodro

02/26/2021, 1:20 PM

Hello, everyone! 😊 I have a

Flow

inside a

ViewModel

that is notified in every time a change is made in my database and reflect the state via

sealed class

to my composable. This

Flow

is attached to the

viewModelScope

. Basically I’m facing two problems: 1. Every time the screen is recomposed, the function to load the data is called and a new flow is registered and listening to changes. 2. When I’m navigating in another composables that handles the same data, the

Flow

keeps emitting data changes for the composable that is no longer visible. Is there a better way to implement it? Should I use my own scope instead the one from

ViewModel

? If so, how can I “dispose” the scope when the Composable is no longer visible?

@Composable
private fun TaskListLoader(viewModel: TaskListViewModel = viewModel()) {
    viewModel.loadTasks()
    val viewState by viewModel.state.collectAsState()
    TaskScaffold(...)
}

fun loadTasks() = viewModelScope.launch {
    loadAllTasksUseCase().collect { tasks ->
        // emit via StateFlow
    }
}

Thanks a lot in advance! ❤️

Samir Basnet

02/26/2021, 2:30 PM

Do we have an animation so that we set a delay and from the point of composition after the delay the Animation starts ?

Deepak Gahlot

02/26/2021, 3:00 PM

@Preview
@Composable
fun AttachmentComponent() {

    var fileName = remember { mutableStateOf(ArrayList<String>()) }
    var array = arrayOf("application/pdf")
    var files = ArrayList<String>()
    var fileAttached = remember { mutableStateOf(false) }


    Column {

        val registerTakeFile = registerForActivityResult(
            ActivityResultContracts.OpenMultipleDocuments()
        ) {
            for (i in 0 until it.size) {
                var uri = it.get(i)
                files.add(uri.path!!)
            }
            fileName.value = files
        }

        Text(
            text = "Attachment",
            color = colorResource(id = R.color.gray1)
        )
        if (fileAttached.value) {
            FileAttached(item = fileName.value)
        }
        OutlinedButton(
            modifier = Modifier
                .fillMaxWidth()
                .padding(16.dp),
            colors = ButtonDefaults.outlinedButtonColors(
                contentColor = colorResource(id = R.color.blue1)
            ),
            onClick = {
                registerTakeFile.launch(array)
                fileAttached.value = true
            }
        ) {
            Icon(painterResource(id = R.drawable.ico_attach), contentDescription = "attach")
            Text(
                fontSize = 14.sp,
                text = "Add Files",
                )
        }
    }
}

@Composable
fun FileAttached(item: ArrayList<String>) {
    Column {
        item.forEach {
            Row {
                Text(
                    text = it,
                    color = colorResource(id = R.color.black)
                )
            }
        }
    }
}

Shakil Karim

02/26/2021, 3:27 PM

I found Bottom Sheet API very weird to use, for example when I have show more than 1 bottom sheet on screen, I have to do something like that.

ModalBottomSheet(
    sheetState = clubsSheetState,
    sheetContent = {
          ---------Sheet 1 content
    },
    content = {
        ---- Sheet 1 body
          ModalBottomSheet(
               sheetState = clubsSheetState,
               sheetContent = {
                     ---------Sheet 2 content
               },
               content = {
                   ---- Sheet 2 body
               })

    })

Isn't it will be better to use it like Dialog if(show) { BottomSheet() }

Neal Sanche

02/26/2021, 3:36 PM

So, yesterday, I was tracking down what I am referring to as unexpected recomposition issues in an app I'm working on that deals with images from the CameraX API. Content Redacted for brevity, see thread.

Adam Powell

02/26/2021, 3:59 PM

Hey folks! We're glad that so many of you are as excited about the Compose beta as we are! So many of you, in fact, that this channel is getting a lot of traffic. If you are going to post a code snippet longer than 4-6 lines, please post a brief topic comment and then post your code snippet in a thread replying to that comment. This makes sure that everyone can have their message seen and large code snippets don't flood out other discussion topics. Thanks, everyone!

👍🏾 3

☝️ 3

👏 3

👍 16

👍🏼 39

rsktash

02/26/2021, 4:08 PM

Hi. I’m trying to play mp3 in desktop compose app. Is there any working audio java library ? For android I’m using

android.media.MediaPlayer

😴 1

👀 1

🙌 1

grandstaish

02/26/2021, 4:09 PM

❔ Is there a function to transform an html string into an

AnnotatedString

Lucien Guimaraes

02/26/2021, 4:11 PM

I have a weird behaviour right now with TopAppBar only when darkMode is enable. If

elevation = 0.dp

the background is correctly applied. If the elevation is by default, the background color is different (more bright). Is this an intended behaviour or a bug with beta01 ? Also it's only with the black color from Compose (

Color.Black

), I tried with other colors and it's working fine 🤷

✅ 1

timmy

02/26/2021, 4:19 PM

hello everyone how can i use constraint layout in this compose beta version?

Stylianos Gakis

02/26/2021, 4:28 PM

Why do I sometimes get something like "there is no getValue() method to serve as a delegate when I simply have a

var someVariable by remember { mutableStateOf(false) }

. I had to manually import

import androidx.compose.runtime.getValue

myself for it to work. Is there something I am doing wrong, or an IDE bug?

Tony Kazanjian

02/26/2021, 5:29 PM

Is there anything like

viewPager

in compose beta, or should we still go for interoperability for something like that for now?

rsktash

02/26/2021, 7:33 PM

Hi why Slider onValueChanged is being triggered on every state change? I think onValueChange must be called when user interacts with the slider isn’t it?

Vitor Prado

02/26/2021, 7:45 PM

How to prevent

BottomDrawerLayout

intercept my content scroll?

Colton Idle

02/26/2021, 7:50 PM

Kotlin 1.4.31 is now available with fixes for several bugs, including some that appeared in IntelliJ IDEA and Android Studio with Kotlin 1.4.30.

Safe to update, or will that blow something up with compose? https://twitter.com/kotlin/status/1365237672231452675

vanpra

02/26/2021, 8:10 PM

Hey, I'm using a Dialog composable and am offsetting it's content by some amount. Previously this would result in any portion of the offset content which is not in the dialog area to not be shown. However after this update it seem like this the content is still shown outside the dialog. I was just wondering if this is a bug or intended behaviour?

Arkadii Ivanov

02/26/2021, 8:46 PM

Caught the following random crash, happened only once, can't reproduce anymore. Posting here just in case.

Untitled

Chris Grigg

02/26/2021, 8:50 PM

hey guys, i’m migrating an

animatedFloat

remember { Animatable(initialValue = 0f) }

. Changing this involves replacing an

onEnd

callback and I’m using async/await for it, I was wondering if this is a good way of approaching it? Complete code snippets are below in the reply thread.

Colton Idle

02/26/2021, 9:34 PM

Can't get left/right shadow on my card to show up in a simple Surface + Column. I'm missing something simple I assume? Short code snippet in 🧵

Gabriel

02/26/2021, 9:57 PM

Random observation, when I was using requiredHeight(intrinsicsize.max) and fillmaxwidth() on a row inside a column, it was not in fact filling the max width, it instead seemed to do the width as intrinsic.min, when I set an exact hieght on the row, the row then filled the width to it's max

Chris Grigg

02/26/2021, 10:34 PM

Is anyone seeing a lot of IR compiler errors related to the use of

viewModel()

within composables since upgrading to beta 1?

itnoles

02/27/2021, 3:19 AM

is this is very odd that

DropdownMenu(expanded = false)

is like disappear?

sen kumar

02/27/2021, 5:05 AM

How to use TextWatcher - methods -

override fun afterTextChanged(editable: Editable?)

in a TextField component in Compose?

sen kumar

02/27/2021, 5:09 AM

How to implement addTextChangedListener(TextWatcher watcher) in a TextField compose