kotlinlang #compose

I’m sure there are some people here who have implemented ExoPlayer in their Compose UIs, so a quick question: this coming weekend I’m planning to implement it in my side project and I have an idea in my mind of how I will do it.. but I am looking for any tips or anything to watch out for and avoid, from those who have already walked this path 😄

FunkyMuse

05/13/2022, 7:52 AM

hey guys, is it possible to obtain LazyColumn scroll value just as we would have on Column with scroll using

rememberScrollState

Roberto Leinardi

05/13/2022, 9:36 AM

Hi, I'm trying to port my UI library https://github.com/leinardi/FloatingActionButtonSpeedDial/ to Compose but I'm struggling to recreate the Speed Dial animation from the Material Design website (video of the animation). I tried to play with the AnimatedVisibility of the ColumnScope but I don't thin it's possible to replicate the same behavior. Not I'm trying to use coroutines to delay the visibility changes of every action item. Is there a better way to achieve this animation?

Deactivated User

05/13/2022, 10:26 AM

Hey folks, what's up? 👋 I would want to explore the possibility of integrate #korge with compose in a near future both integrating a korge view inside a compose application and/or making korge a backend for compose (using composables but rendering them with korge/korim/korgw instead of skia and mixing korge views with compose). Who's the right person to talk with to figure out this? Thanks in advance

:kotlin-intensifies: 4

👀 1

Akram Bensalem

05/13/2022, 10:38 AM

How to make the background of the brush transparent on BasicTextField ?

Roberto Leinardi

05/13/2022, 11:20 AM

I'm making a Composable that should show a list of other Composables, visually something like this, but I'm not sure how to request for these Composables as parameter. Since I'm showing them inside a Column I first thought to do just ask for a list of

actions: @Composable ColumnScope.() -> Unit

but I have now realized that I need to iterate to each Composable to animate it properly (see here). Is there a way to iterate over the

actions: @Composable ColumnScope.() -> Unit

? Or should I ask for a

actions: List<@Composable () -> Unit> = emptyList()

? Or is there a better way to achieve what I need to do?

✅ 1

Tgo1014

05/13/2022, 12:53 PM

Is there a way do to shared element transitions?

:nope: 1

Jan

05/13/2022, 1:10 PM

Why does it look like that? (Thread)

Kata

05/13/2022, 1:34 PM

I am using

BasicTextField

when I clear the focus with

focusRequester.freeFocus()

the keyboard disappears but the cursor is still inside the TextField. Is there a good way to make it disappear once the view is not focused?

Jan

05/13/2022, 1:36 PM

Also why does the checkbox color only change if the checkbox is enabled? so

Checkbox(checked = true, enabled = true, onCheckedChange = {}, colors = CheckboxDefaults.colors(checkedColor = Color.Green, uncheckedColor = Color.Red))

Does work if enabled = false it doesn't show Green

Roberto Leinardi

05/13/2022, 1:49 PM

Is it possible to change the modifier of a composable as parameter (

Content: @Composable () -> Unit

)? Right now I'm wrapping it in a

Box

to be able to set my modifier but I was wondering if there is a better way:

Box(modifier = modifier) {
      content()
}

mattinger

05/13/2022, 1:57 PM

I get that having @Preview functions alongside a composable in the same file is useful. However, how are people dealing with their code coverage numbers, and these preview functions will show up as entirely uncovered?

Tgo1014

05/13/2022, 2:58 PM

In a

LazyColumn

how can I get the offset on screen of a specific

item{}

when it’s displayed?

Erick Sanchez

05/13/2022, 3:39 PM

Hi team!!! I have a question 🙂 Im using AbstractComposeView but when I add the custom view into a XML file, the Android Studio preview show me this error: Some idea of how solved it?

🙏 1

Andy Himberger

05/13/2022, 4:31 PM

Migrating WindowInsets from accompanist to compose foundation, It seems we now have to conditionally apply WindowInsets modifiers depending on if the activity is in edge to edge mode ? Should this be mentioned in the migration guide? With accompanist, I could always have the inset applying padding/modifiers in my topappbar/etc. The inset sizes would be all 0 if the activity had not used the WindowCompat.setDecorFitsSystemWindows API. But with foundation, I'm seeing that windowInsets.statusBars, navigationbars, etc always have size so in our activities that are not yet migrated (or where we don't enable it because OS behavior is semi broken on android10), we're getting ugly extra padding.

Zach Klippenstein (he/him) [MOD]

05/13/2022, 5:09 PM

If anyone’s been curious how something like

mutableStateOf

actually works at the lowest level, you might find this interesting.

:kotlin-intensifies: 3

:kotlin-intensifies-purple: 3

👍 5

👍🏼 3

💯 4

Colton Idle

05/13/2022, 6:00 PM

If I'm using my own custom Material theme (MyAppTheme), should I be trying to access something like

isLight

via

MaterialTheme.colors.isLight

or should I basically never be touching MaterialTheme static accessors? (themeing still confuses me, sorry 🙃 )

zsperske

05/13/2022, 8:42 PM

I’m slowly converting an XML layout to Compose and one of the first components I’ve created is a list of items that are out of view when the page first loads. How do I scroll to them? If I run something like

testRule.onNodeWithText("Account details").performScroll().performClick()

I get the following error message

Semantic Node has no parent layout with a Scroll SemanticsAction

Colton Idle

05/14/2022, 2:04 AM

Could use some code review on a "wrapper" composable that I want to use in order to signify that a screen requires a logged in state. Thoughts on this?

@Composable
fun RequireSignedInUser(
  navController: NavController,
  appStateHolder: AppStateHolder,
  content: @Composable () -> Unit
) {
  if (appStateHolder.isLoggedIn) { content() } else { LaunchedEffect(Unit) { navController.navigate(route = Screen.LoginScreen.route) }
  }
}

jasu

05/14/2022, 6:50 AM

I’m facing weird issue with software keyboard and textField focus. I’ve a note textfield in “note-detail” screen which has got

Modifier.clearFocusOnKeyboardDismiss

custom modifier which clears the textfield focus once softkeyboard is dismissed. It works fine until I move to “note-share” composable. Once I move to note-share composable and come back to note detail this time clearFocusOnKeyboardDismiss stops working, it doesn’t clears the focus. Refer this video.

clear_focus_on_keyboard_dismiss.mp4

Eko Prasetyo

05/14/2022, 11:43 AM

Hi guys, how would I make my error text sit on top of my soft keyboard when there is an error in currently focused text field?

👀 1

Mehdi Haghgoo

05/14/2022, 12:19 PM

When using the Image composable, the composable seems to be deprecated, but in fact it is a hidden deprecation in code encouraging to use the version with the filterQuality parameter. I think this is a bug. Is that so?

Aaron Waller

05/14/2022, 1:44 PM

Does anyone know how I can put a Horizontal Pager with LazyColums inside a LazyColumn? I want the same as TikTok has it on their Profile screen.

LazyColumn(...) {
    item {
       //Header with ProfilePicture and followers
    }

    stickyHeader {
        TabRow(...) //Sticky TabRow with "Posts" and "Likes"
            } 

    item {
       //Pager with two lists (posts and likes)
        HorizontalPager(...) { page: Int ->
            when (page) {
                0 -> PostList()
                1 -> LikesList()
            }
        }
    }
}

FunkyMuse

05/14/2022, 2:47 PM

One thing that'a bugged for me is live edit with bottom navigation component, let's say I'm editing the 4th screen on the bottom nav bar and when the live edit refresh happens I'm being returned to the starting destination.... instead of staying on the 4th screen Electric eel AS, does someone else has the same issue?

➕ 2

Tolriq

05/14/2022, 5:56 PM

What is the proper way to center horizontally in BoxWithConstraints ?

Aaron Waller

05/14/2022, 7:19 PM

Does holding the screen state in large data classes negatively affecting the performance? I found this question which describes it pretty well but unfortunately no one gave a useful answer. https://stackoverflow.com/questions/71180232/performance-implications-of-holding-state-in-large-data-classes-and-updating-it

👍 2

Colton Idle

05/14/2022, 9:36 PM

What's a nice way to animate between a Material Button and an Outlined button. I essentially have this kind of twitter "Follow/Following" functionality my designer wants I currently crossfade between this and this, but its kinda ugly. Would be cool to reshape the button I suppose while swapping the text. Thoughts?

Roberto Leinardi

05/14/2022, 10:11 PM

I've more or less finished porting my FloatingActionButtonSpeedDial library to Compose and I'm now in the process of publishing it to maven central but, when I generate the AAR, I can't understand why, all the composable classes throw an

Unresolved reference

. The crazy thing is that the the enum on the same package is perfectly fine. And so is the AAR of the classic view library. And of course the issue does not happen if I import the gradle module directly instead of using the AAR. Do I need to do something special to generate an AAR with Composable? build.gradle of the library module

Colton Idle

05/15/2022, 8:36 AM

Is this sort of effect (first time load, slide from bottom) available in compose Column or LazyColumn (column would be preferred for my particular situation, but open to suggestions).

Alderson Elliot

05/15/2022, 11:18 AM

what is wrong? why i can't use preview

Title

Alderson Elliot

05/15/2022, 11:18 AM

what is wrong? why i can't use preview

java.lang.ClassNotFoundException: android.window.OnBackInvokedCallback
	at com.android.tools.idea.rendering.classloading.loaders.DelegatingClassLoader.findClass(DelegatingClassLoader.kt:81)
	at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:589)
	at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:522)
	at com.android.tools.idea.rendering.classloading.loaders.DelegatingClassLoader.loadClass(DelegatingClassLoader.kt:65)
	at androidx.compose.ui.tooling.ComposeViewAdapter$FakeOnBackPressedDispatcherOwner$1.<init>(ComposeViewAdapter.kt:733)
	at androidx.compose.ui.tooling.ComposeViewAdapter.<init>(ComposeViewAdapter.kt:732)
	at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
	at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62)
	at java.base/jdk.internal.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
	at java.base/java.lang.reflect.Constructor.newInstance(Constructor.java:490)
	at org.jetbrains.android.uipreview.ViewLoader.createNewInstance(ViewLoader.java:339)
	at org.jetbrains.android.uipreview.ViewLoader.loadClass(ViewLoader.java:176)
	at org.jetbrains.android.uipreview.ViewLoader.loadView(ViewLoader.java:136)
	at com.android.tools.idea.rendering.LayoutlibCallbackImpl.loadView(LayoutlibCallbackImpl.java:301)
	at android.view.BridgeInflater.loadCustomView(BridgeInflater.java:417)
	at android.view.BridgeInflater.loadCustomView(BridgeInflater.java:428)
	at android.view.BridgeInflater.createViewFromTag(BridgeInflater.java:332)
	at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:965)
	at android.view.LayoutInflater.inflate(LayoutInflater.java:663)
	at android.view.LayoutInflater.inflate(LayoutInflater.java:505)
	at com.android.layoutlib.bridge.impl.RenderSessionImpl.inflate(RenderSessionImpl.java:363)
	at com.android.layoutlib.bridge.Bridge.createSession(Bridge.java:436)
	at com.android.tools.idea.layoutlib.LayoutLibrary.createSession(LayoutLibrary.java:121)
	at com.android.tools.idea.rendering.RenderTask.createRenderSession(RenderTask.java:739)
	at com.android.tools.idea.rendering.RenderTask.lambda$inflate$8(RenderTask.java:895)
	at com.android.tools.idea.rendering.RenderExecutor$runAsyncActionWithTimeout$2.run(RenderExecutor.kt:187)
	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:829)java.lang.ClassNotFoundException: android.window.OnBackInvokedCallback
	at com.android.tools.idea.rendering.classloading.loaders.DelegatingClassLoader.findClass(DelegatingClassLoader.kt:81)
	at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:589)
	at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:522)
	at com.android.tools.idea.rendering.classloading.loaders.DelegatingClassLoader.loadClass(DelegatingClassLoader.kt:65)
	at androidx.compose.ui.tooling.ComposeViewAdapter$FakeOnBackPressedDispatcherOwner$1.<init>(ComposeViewAdapter.kt:733)
	at androidx.compose.ui.tooling.ComposeViewAdapter.<init>(ComposeViewAdapter.kt:732)
	at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
	at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62)
	at java.base/jdk.internal.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
	at java.base/java.lang.reflect.Constructor.newInstance(Constructor.java:490)
	at org.jetbrains.android.uipreview.ViewLoader.createNewInstance(ViewLoader.java:339)
	at org.jetbrains.android.uipreview.ViewLoader.loadClass(ViewLoader.java:176)
	at org.jetbrains.android.uipreview.ViewLoader.loadView(ViewLoader.java:136)
	at com.android.tools.idea.rendering.LayoutlibCallbackImpl.loadView(LayoutlibCallbackImpl.java:301)
	at android.view.BridgeInflater.loadCustomView(BridgeInflater.java:417)
	at android.view.BridgeInflater.loadCustomView(BridgeInflater.java:428)
	at android.view.BridgeInflater.createViewFromTag(BridgeInflater.java:332)
	at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:965)
	at android.view.LayoutInflater.inflate(LayoutInflater.java:663)
	at android.view.LayoutInflater.inflate(LayoutInflater.java:505)
	at com.android.layoutlib.bridge.impl.RenderSessionImpl.inflate(RenderSessionImpl.java:363)
	at com.android.layoutlib.bridge.Bridge.createSession(Bridge.java:436)
	at com.android.tools.idea.layoutlib.LayoutLibrary.createSession(LayoutLibrary.java:121)
	at com.android.tools.idea.rendering.RenderTask.createRenderSession(RenderTask.java:739)
	at com.android.tools.idea.rendering.RenderTask.lambda$inflate$8(RenderTask.java:895)
	at com.android.tools.idea.rendering.RenderExecutor$runAsyncActionWithTimeout$2.run(RenderExecutor.kt:187)
	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:829)

Chrimaeon

05/15/2022, 12:03 PM

Looks like you have a general compile error on your project. Preview needs your project to be compiled. have a look at you activity if everything is implemented correctly.

also check your target sdk version.

OnBackInvokedCallback

is a API “Tiramisu” feature. https://developer.android.com/reference/android/window/OnBackInvokedCallback

Alderson Elliot

05/15/2022, 1:14 PM

project compiled success but can't use preview

Chrimaeon

05/15/2022, 1:23 PM

Have a look here https://issuetracker.google.com/issues/227767363 seems like a versioning issue of the libraries

Alderson Elliot

05/15/2022, 1:31 PM

🥳 thank you very much

dependencies {
    implementation(project(":shared"))
    implementation("androidx.activity:activity-compose:1.5.0-rc01")
    implementation("androidx.compose.material:material:1.2.0-beta01")
    implementation("com.google.android.material:material:1.6.0")

    debugImplementation("androidx.customview:customview:1.2.0-alpha01")
    debugImplementation("androidx.customview:customview-poolingcontainer:1.0.0-beta01")

    debugImplementation("androidx.compose.ui:ui-tooling:1.2.0-beta01")
    implementation("androidx.compose.ui:ui:1.2.0-beta01")
    implementation("androidx.compose.ui:ui-tooling-preview:1.2.0-beta01")
    implementation("androidx.compose.foundation:foundation:1.2.0-beta01")
}

View count: 6