kotlinlang #compose

Docs

Join the conversation Join Slack

Channels

100daysofcode

androidgithubprojects

cincinnati-user-group

competitive-programming

event21-community-content

java-to-kotlin-refactoring

jvm-ir-backend-feedback

kotlin-multiplatform-contest

kotlinultimatechallenge

myndocs-oauth2-server

naming

navigation-architecture-component

practical-functional-programming

proguard

prozis-android-backup

refactoring-to-kotlin

russian-kotlinasfirst

skia-wasm-interop-temp

stayhungrystayfoolish

swagger-gradle-codegen

tricity-kotlin-user-group

compose

Gerardo Ernesto Rodriguez Navar

02/08/2022, 1:19 PM

Is it ok to use

@OptIn

annotations in a production app?

dimsuz

02/08/2022, 1:54 PM

I'm curious why is

LocalConfiguration.current

present in the Compose's

resources()

. Does it have the effect of recomposing when

Configuration

changes?

@Composable
@ReadOnlyComposable
private fun resources(): Resources {
    LocalConfiguration.current
    return LocalContext.current.resources
}

Mehdi Haghgoo

02/08/2022, 3:41 PM

I have put MainScreen inside S1FoundationTheme, but the layout editor shows MaterialTheme in the same level as MainScreen. What does this mean? Certainly, MaterialTheme is not a child of S1FoundationTheme, rather maybe the reverse.

mattinger

02/08/2022, 5:43 PM

Does anyone know if there’s a good way to measure the number of rendered lines of text in a Text element? Our UX is asking us to change the alignment of an icon that sits to the left of the text in a row (nothing that would change the text itself to resize or reposition) based on how many lines of text are rendered. In the XML world, you could use things like FontMetrics and what not to do this. Not sure about compose.

electrolobzik

02/08/2022, 5:52 PM

Hey guys, is it possible to use Compose for Web and have Ktor based backend on the same Netty web server instance? If I follow

<https://play.kotlinlang.org/hands-on/Full%20Stack%20Web%20App%20with%20Kotlin%20Multiplatform>

I get this error:

The Compose Compiler requires the Compose Runtime to be on the class path, but none could be found

while compiling jvm target. I have compose dependencies specified only for js target, but it looks like the Compose Plugin is used for jvm and it causes the error. How could I fix that? Are there any sample projects with Compose and Ktor backend working together?

Joseph Hawkes-Cates

02/08/2022, 5:58 PM

I’m seeing a weird issue that I’m thinking might be a bug. I have some logic to determine the Window Size Class that I took from one of the Android Developer Channel YouTube videos. I’m seeing that the first couple times I change the orientation of my device it seems to not be updating

LocalConfiguraiton.current

. If I remove the “orientation” entry from the “android:config” changes field in my manifest, then it works every time, but with that in there, it will not update the first couple times, then it’ll work after that. Code in 🧵

Zhelyazko Atanasov

02/08/2022, 6:11 PM

We are slowly migrating our big app to Compose and something that we stumbled upon is testing

LazyColumn

. We have many tests where we show a list of items, scroll to a particular index and perform actions on the item at that index - e.g. click it. But I can't find a way to do that using only an item index. There's a method performScrollToIndex(index) that does the scrolling, but after that it's not possible to get the semantics node at that index. If you do something like:

val index = 1000
onNodeWithTag(COUNTRY_LIST).performScrollToIndex(index)
onNodeWithTag(COUNTRY_LIST).onChildAt(index).performClick()

it doesn't work, because the LazyColumn (it has a

Modifier.testTag(COUNTRY_LIST)

) only has "_<number_of_visible_items> + 2"_ number of children (nodes) at a given time. Ideally I'd like to do something like

onNodeWithTag(COUNTRY_LIST).performScrollToIndex(index).performClick()

, but

performScrollToIndex

returns the semantics node on which the method was called 😞 If you have a test tag, text or anything else that can be used to match the item at

index

, then you can perform actions/assertions on it, but do you know of a way to do that having only an index/position?

Luke

02/08/2022, 6:38 PM

Are there any plans on supporting hyphenation in Compose? We have `TextView`s with

android:hyphenationFrequency

set on them, and we want to migrate to Compose, but we can't find an equivalent as of version 1.0.5

Nacho Ruiz Martin

02/08/2022, 6:54 PM

Hello! 👋 What’s the approach to animate the enter and exit of composables added in a

forEach

? Simplified version of the parent Composable looks like this:

val items: MutableList<...> = ...
Column() {
    items.forEach { item ->
        ChildComposable()
    }
}

AnimatedVisibility

applied in parent doesn’t work because the parent is always there. Applying it to the children works on enter but not en “exit” because when the item disappears from the list there’s no longer a child Composable to “exit”. Thanks! 🙇

Chris Fillmore

02/08/2022, 7:40 PM

Anyone aware of a bug where live-editing literals in Android Studio causes Canvas drawing to draw incorrectly?

Rajashekar

02/08/2022, 8:06 PM

I'm trying to build this with BottomNavigation. Anyone has an idea to achieve this background shape of bottom navigation and only customize the middle icon size?

brabo-hi

02/08/2022, 8:40 PM

Hi all, i have a legacy app that has 3 screens: custom splashcreen, Login, Main. The starting point is the splashscreen where i make a network request to check credentials stored locally. If they are valid move to Main else Move to Login. I would like to transition to default splashscreen api and compose navigation. What should be my start page? Login or Main? Where should i do the credential check (splashscreen? Login ? Main?)

Robert Menke

02/09/2022, 4:35 AM

I see this question here regarding text gradients https://stackoverflow.com/a/64342047/4313362. Any plans to include support for text/foreground gradients natively in the framework?

Zoltan Demant

02/09/2022, 4:59 AM

When using

rememberDraggableState

and vibrating after a certain drag distance, I often see the vibration not staying in sync with the drag events. Is this a bug? Code in thread 🧵

james

02/09/2022, 6:31 AM

anyone ever seen a bug with

AnimatedVisibility

where, when wrapping a composable with it, the children of that composable are now backwards? what I mean is, I have this var

isExpanded

and if I simply have two children inside that, ComposableA and ComposableB, it works as expected.. but now I want to animate, and so I replace my check for

if isExpanded

with an

AnimatedVisibility

composable, and now when my children are drawn on screen, they are drawn like ComposableB then ComposableA is this a bug or am I missing something in how to use it?

galex

02/09/2022, 7:07 AM

What is the equivalent to AsyncLayoutInflater for composables? Knowing the screen size I'd like to render a composable so I can know the final size an image inside the composable will have to prefetch it at the optimal size.

darkmoon_uk

02/09/2022, 10:28 AM

💡 Big idea time: We're already seeing the grand success of Compose for Android and Desktop, at making UI development a pleasurable (and portable) experience again. Soon, we're likely to see :compose-multiplatform: Compose Multiplatform impact iOS and Web development more fully too. It's also been demonstrated that Compose runtime can be applied to other diverse use cases e.g. terminal applications. So; thinking about near-future trends and wondering how the Kotlin/Compose Ecosystem can establish itself even further, how about emitting 3D scenes for ✨ m*etaverse*✨applications? I would love to be able to build 3D VR/AR clients to my full-stack applications, as 'yet another KMP target', using familiar Compose-style code to declare and manipulate 3D world objects. I think in a few years this is going to be an important space for tooling; with requirements outside of what Unity etc. serve today: The needs of VR/AR productivity Apps aren't going to be quite the same as for games. In early practical terms; could we take the 3D scenegraph API of, say, the Godot engine, which has both Kotlin bindings and VR/AR capabilities, and use the Compose runtime to continually (re)compose a scene graph for display. For a metaverse UI toolkit you'd probably want to support 2D interface panels floating in space as well; so to be able to in-line regular 'material Compose' elements with this graph would be ideal too. I can't be the first to have thought of this - does anyone know if such efforts are in the works? Or anyone keen to have a dabble at a PoC?

👀 11

Chris Fillmore

02/09/2022, 12:14 PM

Is it possible to animate the dismissal of a modal bottom sheet when using

popBackStack()

? (or if the user clicks the back button, or clicks on something that calls

navigate()

) Currently the animation only plays if the user clicks on the scrim or drags the sheet down.

elye

02/09/2022, 12:51 PM

mattinger

02/09/2022, 1:54 PM

Does anyone know if there’s a more general equivalent of the snackbar for arbitrary banner content? Aside from the issue of it not being very flexible (even through SnackbarData is an interface, there’s no way to provide a different implementation to give to the SnackbarHost). There’s also the positioning on screen as well, which i need to be at the top and not the bottom.

Luis Daivid

02/09/2022, 2:19 PM

Are there any good open source apps made with compose? I want to study in a way that analyzes exemplary apps such as theme management, color management, navigation management, etc. Please recommend!

Sepideh Vatankhah

02/09/2022, 2:40 PM

#compose Hey guys, if we have a compose component which gets two or more modifier, how should we handle it ? I mean the naming of modifiers while lint complains changing the name of modifier parameter

Yev Kanivets

02/09/2022, 3:44 PM

Hey! How should we approach time-dependable UI with Jetpack Compose? Let's say I have a message in chat and it has statuses (sending, sent, delivered). When it's delivered we should hide the message status in 5 seconds from its delivery time. Can I use

System.currentTimeMillis()

in if inside composable directly (I think it won't cause recomposition)? Or should I pass it as part of the state and change with old good timer? Or are there better approaches?

K Merle

02/09/2022, 4:57 PM

Is it possible to have multiple items per screen with Accompanist pager library? I don't want each item to be full width.

Vahalaru

02/09/2022, 5:40 PM

Whoa wait a minute... do you not need to make a separate function to preview a composable? Current instruction day to make a composable then another composable annotated with preview. Can you just add preview to a composable?

Gerardo Ernesto Rodriguez Navar

02/09/2022, 6:16 PM

When using compose + espresso in testing I’m getting this error

Shakil Karim

02/09/2022, 7:16 PM

movableContentOf 😍 Can we use this API with Navigation Compose for Transition Animation ?

Tolriq

02/09/2022, 7:28 PM

Since https://issuetracker.google.com/issues/174162090 is not closed does this means there's still more to be added to support Downloadable fonts or it's ready and I can try to figure out how :)

Colton Idle

02/09/2022, 7:38 PM

https://android-developers.googleblog.com/2022/02/jetpack-compose-11-now-stable.html

👏 2

🎉 11

🔥 9

Colton Idle

02/09/2022, 8:05 PM

Version 1.2.0-alpha03 released! Lots of really interesting changes and welcome bug fixes!!! Here are interesting bits from releases notes and commit messages (in my opinion) • TextFields will now be kept above the keyboard when they are focused and the keyboard is shown, when the soft input mode is

ADJUST_RESIZE

. (I8eaeb, b/190539358, b/192043120) • Bunch of more commits regarding input field focus although I think the main bug on issuetracker is not technically fixed yet • Window inset modifiers?! Not sure exactly what this means yet, but I do wonder if this makes accompanist-insets unnecessary? • Debounce restart input commands in TextInputServiceAndroid (I believe this fixes the "flash" on the keyboard when moving from one input field to another) • "Support content types in Lazy lists" ("Providing such information helps item composition reusing logic to make it more efficiently and only reuse the content between the items of similar type.") • Oh. Yep to the above ^ "The soft keyboard input type no longer flickers when changing focus between text fields. (I1bf50, b/187746439)" • Lots of things related to text field magnification? (I gotta admit, I'm not sure exactly what this is but theres a bunch of commits about it) /shruggie • New scrollable chip group sample added • New material 3 components (DropdownMenu, DropdownMenuItem, Card, OutlinedCard, ElevatedCard) • Added

movableContentOf

which converts a composable lambda into a lambda that moves it state, and corresponding nodes, to any new location it is called. When the previous call leaves the composition the state is temporarily preserved and if a new call to the lambda enters the composition then the state, and associated nodes, are moved to the location of the new call. If no new call is added the state is removed permanently and remember observers are notified. • Added a tracing API to composition to enable tools to provide more detailed tracing of composable functions. The compiler now generates calls to the tracing API which include source information. (Ib0eb5) This apparently adds required/optional (not sure) proguard rules?

-assumenosideeffects public class <http://androidx.compose.runtime.Com|androidx.compose.runtime.Com>...

• Add

InternalComposeScope

which gives tools the ability to identify a composable during recompositions. (I07a3f) • Fix bug when rememberSaveable with input is restored in the wrong order • A bunch of changes regarding Fonts • A bunch of things regarding MPP and Robolectric • Also, I didn't see this in release notes, but it seems like it was fixed according to issue tracker "Add material decoration box for TextField and OutlinedTextField/ Provide a way to remove the extra horizontal padding from TextField It allows additionally to what is customisable in text fields already to customise paddings (incl. for dense text field support), border or indicator line."

👍 15

❤️ 15

👍🏼 1

Title

Colton Idle

02/09/2022, 8:05 PM

ADJUST_RESIZE

movableContentOf

-assumenosideeffects public class <http://androidx.compose.runtime.Com|androidx.compose.runtime.Com>...

• Add

InternalComposeScope

👍 15

❤️ 15

👍🏼 1

Zach Klippenstein (he/him) [MOD]

02/10/2022, 12:07 AM

That should have said

ADJUST_PAN

, my bad. Working on fixing the release notes now. Sorry.

Colton Idle

02/10/2022, 12:22 AM

Accompanist insets docs seem to suggest that adjustResize is needed. Any issue there?

Ben Trengrove [G]

02/10/2022, 5:27 AM

Yes, window insets will take over from accompanist insets

Zach Klippenstein (he/him) [MOD]

02/10/2022, 5:31 AM

Yea you probably never actually want to use adjust_pan lol. But if you do for some reason, it should be inconvenient in the correct way 😅

jasu

02/10/2022, 7:38 AM

My note text is still going below keyboard, using the latest compose ui version(alpha03), tried adjusting pan and resize but no luck. any idea? @Zach Klippenstein (he/him) [MOD] @Colton Idle I’ve a below hierarchy Column -Title TextFiled -Note TextFiled

Zach Klippenstein (he/him) [MOD]

02/11/2022, 8:54 AM

Can you share your code?

🙌 1

jasu

02/11/2022, 1:17 PM

Yeh @Zach Klippenstein (he/him) [MOD] here it is

note text is going below the keyboard. expected behaviour: 1. If you keep typing, last line should always on top of keyboard 2. If i paste some long text and keyboard is open again the last line should be above the keyboard actual behaviour: In both cases text goes below the keyboard

Note edit screen.kt

Zach Klippenstein (he/him) [MOD]

02/11/2022, 9:33 PM

Please file a bug, and if you could also attach a screen recording that would be ideal

🙌 2

Siyamed

02/14/2022, 5:14 AM

I love what @Colton Idle does 🙂

👍 2

➕ 1

View count: 3