kotlinlang #compose

I'm trying to create a button with insets - i.e. a part with react to the click but it is outside and doesn't draw any ripple effect outside the button. How can I do that?

TheMrCodes

03/03/2021, 8:47 PM

❓Set Animation duration: Is there any way how I can set the duration of a SpringSpec Animation?

Jordi Saumell

03/03/2021, 9:13 PM

Yesterday I published a sample app with Compose beta01. It focuses on doing MVVM without AAC-ViewModels and without fragments (binding Koin scopes to navigation destinations). Also, config changes are handled manually, app state is saved, layout adapts to landscape or multi-window, and more… It has been an interesting challenge, and I think it can be useful to those building apps that are fully in Compose UI. Also, comments are more than welcome, as I’m quite new to declarative UI. So in case someone is interested, here it is 🙂

👍 2

🎉 6

FunkyMuse

03/03/2021, 9:33 PM

With the current Bottom navigation view and the navigation compose artifact, once i leave the application and come back to it, the navigation is restarted, any workaround or I'm missing something?

bruno.aybar

03/03/2021, 10:39 PM

Hello. Is there any way to draw blurred content inside a

Canvas

Denis

03/04/2021, 1:50 AM

Is there a way to change the order of drawing for deep descendants (not direct children) of the same parent? I'm trying

.zIndex

, but it only works "for the children of the same layout parent". Code in the thread.

🇳🇴 1

sen kumar

03/04/2021, 1:59 AM

Will Nested LazyColumns be possible any time?

Jason Inbody

03/04/2021, 2:30 AM

java.lang.NoSuchMethodError: 'void org.jetbrains.kotlin.serialization.DescriptorSerializer$Companion.registerSerializerPlugin(org.jetbrains.kotlin.serialization.DescriptorSerializerPlugin)'
	at androidx.compose.compiler.plugins.kotlin.ComposeComponentRegistrar$Companion.registerProjectExtensions(ComposePlugin.kt:152)
	at androidx.compose.compiler.plugins.kotlin.ComposeComponentRegistrar.registerProjectComponents(ComposePlugin.kt:102)
	at org.jetbrains.kotlin.cli.jvm.compiler.KotlinCoreEnvironment$Companion.registerExtensionsFromPlugins$cli(KotlinCoreEnvironment.kt:584)
	at org.jetbrains.kotlin.cli.jvm.compiler.KotlinCoreEnvironment$ProjectEnvironment.registerExtensionsFromPlugins(KotlinCoreEnvironment.kt:132)
	at org.jetbrains.kotlin.cli.jvm.compiler.KotlinCoreEnvironment.<init>(KotlinCoreEnvironment.kt:172)
	at org.jetbrains.kotlin.cli.jvm.compiler.KotlinCoreEnvironment.<init>(KotlinCoreEnvironment.kt)
	at org.jetbrains.kotlin.cli.jvm.compiler.KotlinCoreEnvironment$Companion.createForProduction(KotlinCoreEnvironment.kt:426)
	at org.jetbrains.kotlin.cli.jvm.K2JVMCompiler.createCoreEnvironment(K2JVMCompiler.kt:226)
	at org.jetbrains.kotlin.cli.jvm.K2JVMCompiler.doExecute(K2JVMCompiler.kt:152)
	at org.jetbrains.kotlin.cli.jvm.K2JVMCompiler.doExecute(K2JVMCompiler.kt:52)
	at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:88)
	at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:44)
	at org.jetbrains.kotlin.cli.common.CLITool.exec(CLITool.kt:98)
	at org.jetbrains.kotlin.incremental.IncrementalJvmCompilerRunner.runCompiler(IncrementalJvmCompilerRunner.kt:386)
	at org.jetbrains.kotlin.incremental.IncrementalJvmCompilerRunner.runCompiler(IncrementalJvmCompilerRunner.kt:110)
	at org.jetbrains.kotlin.incremental.IncrementalCompilerRunner.compileIncrementally(IncrementalCompilerRunner.kt:286)
	at org.jetbrains.kotlin.incremental.IncrementalCompilerRunner.compileImpl$rebuild(IncrementalCompilerRunner.kt:99)
	at org.jetbrains.kotlin.incremental.IncrementalCompilerRunner.compileImpl(IncrementalCompilerRunner.kt:114)
	at org.jetbrains.kotlin.incremental.IncrementalCompilerRunner.compile(IncrementalCompilerRunner.kt:74)
	at org.jetbrains.kotlin.daemon.CompileServiceImplBase.execIncrementalCompiler(CompileServiceImpl.kt:607)
	at org.jetbrains.kotlin.daemon.CompileServiceImplBase.access$execIncrementalCompiler(CompileServiceImpl.kt:96)
	at org.jetbrains.kotlin.daemon.CompileServiceImpl.compile(CompileServiceImpl.kt:1659)
	at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
	at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
	at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
	at java.base/java.lang.reflect.Method.invoke(Method.java:566)
	at java.rmi/sun.rmi.server.UnicastServerRef.dispatch(UnicastServerRef.java:359)
	at java.rmi/sun.rmi.transport.Transport$1.run(Transport.java:200)
	at java.rmi/sun.rmi.transport.Transport$1.run(Transport.java:197)
	at java.base/java.security.AccessController.doPrivileged(Native Method)
	at java.rmi/sun.rmi.transport.Transport.serviceCall(Transport.java:196)
	at java.rmi/sun.rmi.transport.tcp.TCPTransport.handleMessages(TCPTransport.java:562)
	at java.rmi/sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.run0(TCPTransport.java:796)
	at java.rmi/sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.lambda$run$0(TCPTransport.java:677)
	at java.base/java.security.AccessController.doPrivileged(Native Method)
	at java.rmi/sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.run(TCPTransport.java:676)
	at java.base/java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1128)
	at java.base/java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:628)
	at java.base/java.lang.Thread.run(Thread.java:834)

:thread-please: 3

Denis

03/04/2021, 4:31 AM

How to draw an ImageVector into Canvas?

Ch8n

03/04/2021, 6:23 AM

Hi guys can you guide me on how can I achieve this behavior? the purple color moves down and it does the color of the text changes from white to purple?

Utkarsh Tiwari

03/04/2021, 8:05 AM

What compose component would be apt if I want to replicate this kind of popup menu? In my case, the trigger could be a button in an activity on tablets.

pop action list.mp4

Albert Chang

03/04/2021, 9:57 AM

Is there any way to draw onto an independent layer with transparent background?

graphicsLayer()

doesn't seem to work. (Details in thread)

zhuinden

03/04/2021, 10:04 AM

I've successfully managed to transition between two composables in https://github.com/Zhuinden/simple-stack-compose-integration/blob/bb3410086dd40041[…]en/simplestackcomposeintegration/core/ComposeIntegrationCore.kt but Accompanist/CoilImage is flickering. What can I do about it? 🤔

device-2021-03-04-104428.mp4

Archie

03/04/2021, 10:12 AM

Hi, I was wondering if anyone else encountered this issue. I have a

TextField

inside a

LazyColumn

. If I focus on the

Textfield

(which naturally opens the

SoftKeyboard

) and scroll to the point where the focused TextField isn't in the screen, it throws an error :

Try to begin a session [IME_SESSION] whose parent [INPUT_VIEW_SESSION] hasn't begun

May I ask for some advice?

Ali Albaali

03/04/2021, 10:27 AM

message has been deleted

🚀 2

🎉 5

julioromano

03/04/2021, 10:52 AM

Is there something similar to

android:tileMode="repeat"

we used to use in drawable XMLs ? (I have a drawable which I’d like to display tiled).

✅ 1

curtjrees

03/04/2021, 11:53 AM

I’ve ran into an issue where I believe my Composable should be recomposed when I change a parameter But it seems to only be recomposed on the first change and not subsequent ones Can anyone see an issue with my code? (in thread)

Archie

03/04/2021, 1:37 PM

Hi Guys, Is it possible to position

AlertDialog

so it is Anchord at the Bottom of the screen rather than the middle?

Thiago

03/04/2021, 2:27 PM

Hi folks. Has Compose Animations the interval concept where I can run another animation based on parent progress? Or do I need create each separated animation and stay checking parent progress to start each at time? E.g:

// Sample 1
.listenParent { progress ->
    if (progress < 0.1f) // update opacity state to start opacity animation
    else if (progress < 0.25f) // update width state to start width animation
    ...
}

// Sample 2
@Composable
fun OpacityComposable(parentProgress: Float = 0f, parentTimeMs: Long = 300) {
    val target = (parentProgress / 0.1f).coercIn(0f, 1f)
    // Ignore the unexpected behavior where the parent restart will first animate opacity to 0f before 1f
    val opacity = animateFloatAsState(
        targetValue = target,
        animationSpec = tween(
            durationMillis = parentTimeMs * 0.1f, // Is it the way to keep time sync between them?
            easing = LinearOutSlowInEasing // To have an independent curve 
        )
    )
}

👀 3

escodro

03/04/2021, 2:43 PM

Hello, everyone! 😊 Has anyone else having with

performClick()

functions in Instrumented Tests after updating to Compose 1.0.0-beta01? After the update it is not clicking at all in any views. Thanks in advance!

Deepak Gahlot

03/04/2021, 3:17 PM

Hello, I was using scrollToItem(int, int) inside the LazyColumn and it does scroll to the item but them it does not scroll to the offset

Se7eN

03/04/2021, 3:51 PM

I have a

SnapshotStateList

Path

. How do I redraw when I edit one of my

Path

objects from the list? I'm implementing drawing with finger

Canvas(
    modifier.pointerInput(Unit) {
        detectDragGestures(
            onDragStart = { position -> paths.add(Path().also { moveTo(...) }) },
            onDragEnd = { ... },
            onDragCancel = { ... },
            onDrag = { change, dragAmount ->
                change.consumePositionChange()
                paths.last().quadraticBezierTo(...)
            }
        )
    }
) {
    paths.value.forEach { path ->
        drawPath(path, ...)
    }
}

Arun

03/04/2021, 4:07 PM

Hello! I want square

Box

items. Let’s say I have the following. How do I make sure the

Box

child composables are perfect squares? What value do I have to set it’s

height

to?

@Composable
@Preview
fun PreviewSquareItems() {

    Row(modifier = Modifier.fillMaxWidth()) {
        val total = 2

        repeat(total) { index ->

            Box(
                modifier = Modifier
                    .weight(1f)
                    .height(245.dp) // how to find this height?
                    .clip(RoundedCornerShape(8.dp))
                    .background(color = Color.Blue),
            )

            if (index + 1 < total) {
                Spacer(modifier = Modifier.width(10.dp))
            }
        }
    }
}

timmy

03/04/2021, 4:38 PM

hello please what's the equivalent of this compose desktop code in mobile:

LocalAppWindow.current.height

Vivek Sharma

03/04/2021, 5:08 PM

I am not able to create and pass param of

size of custom width or height

Canvas

, while drawing Rect I am hacking it like taking whole canvas size using

size

which gives me Canvas size and then doing

size.copy(customWidth, customHeight)

prev there was Size() function but cant access it now? how can I make size of custom width or height?

Denis

03/04/2021, 5:21 PM

[SOLVED] Is there a way to draw an ImageVector into Canvas? Particularly, I want to draw an Icon. I see

drawImage

method, but it accepts only an ImageBitmap. Probably I need to convert ImageVector to ImageBitmap, but I don't understand how

rachael

03/04/2021, 5:29 PM

Say you're building a new app with compose that will have lots of screens, and many of the screens will handle a fair number of network interactions and business logic. It seems like the preference in a pure compose app is to not use fragments at all. Does that mean a single activity app where I have a ViewModel for every screen that's tied to that single Activity's lifecycle? Are there any potential downsides to having many long-lived ViewModels?

grandstaish

03/04/2021, 5:53 PM

is there a public way to turn a compose

FontFamily

FontWeight

, and

FontStyle

into a platform

Typeface

? It looks like

TypefaceAdapter

is what I want but it’s internal

03/04/2021, 6:00 PM

Update: FIXED 👋 Has anyone run into a Jetpack-Compose

beta01

compiler error when using the latest Koin

3.0.1-alpha-6

, and injecting a viewmodel instance via

getViewModel()

in your @Composable function?

Internal error: Couldn't inline method call 'getViewModel'

(further stacktrace in thread)

Vivek Sharma

03/04/2021, 8:01 PM

I tried taking input in dialog using

TextField

inside

Dialog

, when I close the dialog , app crashes saying

java.lang.ArrayIndexOutOfBoundsException: length=5120; index=-2
        at androidx.compose.runtime.SlotTableKt.groupSize(SlotTable.kt:2558)
        at androidx.compose.runtime.SlotTableKt.access$groupSize(SlotTable.kt:1)
        at androidx.compose.runtime.SlotReader.groupSize(SlotTable.kt:596)
        at androidx.compose.runtime.ComposerImpl.recomposeToGroupEnd(Composer.kt:2215)
        at androidx.compose.runtime.ComposerImpl.skipCurrentGroup(Composer.kt:2499)
        at androidx.compose.runtime.ComposerImpl.recompose$runtime_release(Composer.kt:2625)
        at androidx.compose.runtime.CompositionImpl.recompose(Composition.kt:406)
        at androidx.compose.runtime.Recomposer.performRecompose(Recomposer.kt:724)

Title

Vivek Sharma

03/04/2021, 8:01 PM

I tried taking input in dialog using

TextField

inside

Dialog

, when I close the dialog , app crashes saying

java.lang.ArrayIndexOutOfBoundsException: length=5120; index=-2
        at androidx.compose.runtime.SlotTableKt.groupSize(SlotTable.kt:2558)
        at androidx.compose.runtime.SlotTableKt.access$groupSize(SlotTable.kt:1)
        at androidx.compose.runtime.SlotReader.groupSize(SlotTable.kt:596)
        at androidx.compose.runtime.ComposerImpl.recomposeToGroupEnd(Composer.kt:2215)
        at androidx.compose.runtime.ComposerImpl.skipCurrentGroup(Composer.kt:2499)
        at androidx.compose.runtime.ComposerImpl.recompose$runtime_release(Composer.kt:2625)
        at androidx.compose.runtime.CompositionImpl.recompose(Composition.kt:406)
        at androidx.compose.runtime.Recomposer.performRecompose(Recomposer.kt:724)

Timo Drick

03/05/2021, 7:48 AM

Yesterday i had the same problem during implementing the countdown timer for the dev challenge.

Se7eN

03/05/2021, 9:12 AM

Here's the issue: https://issuetracker.google.com/issues/180021390

👍 2

Timo Drick

03/05/2021, 9:47 AM

hmm it says that it is duplicate. And the other issue: https://issuetracker.google.com/issues/180124293 is already fixed.

Vivek Sharma

03/05/2021, 12:16 PM

yeah, I think it will be fixed in later beta version

MBegemot

03/10/2021, 6:03 PM

I've just stumbled now on it .... what a consolation, I give up for today!

Timo Drick

03/11/2021, 11:36 AM

I just implemented my own dialog. To be able to continue: (It is not a dialog just an overlay)

@Composable
fun SetTimerDialog(currentSeconds: Int, newSecondsSet: (seconds: Int?) -> Unit) {
    var textValue by remember { mutableStateOf(currentSeconds.toString()) }
    Box(Modifier.fillMaxSize().zIndex(10f).background(Color.Black.copy(alpha = 0.75f)), contentAlignment = Alignment.Center) {
        Surface(shape = MaterialTheme.shapes.medium) {
            Column(Modifier.padding(16.dp)) {
                Text("Set count down in seconds.", Modifier.padding(bottom = 4.dp))
                TextField(
                    value = textValue,
                    onValueChange = { textValue = it },
                    keyboardOptions = KeyboardOptions(
                        autoCorrect = false,
                        keyboardType = KeyboardType.Number,
                        imeAction = ImeAction.Done
                    ),
                    keyboardActions = KeyboardActions(onAny = { newSecondsSet(textValue.toInt()) })
                )
            }
        }
    }
}

View count: 2