kotlinlang #compose

vs specifying the key in the items parameter itself. 3. Suppose that we’re sending a state object to a composable, but we’re not reading/getting the value. And now, if the state changes, would this cause a recomposition?

Clemens Kozmich

11/22/2022, 10:32 AM

Hey everyone 👋 I am facing a challenge for a custom TopAppBar in Compose and I suppose the ConstraintLayout could help there but I am not sure how it would work. My goal: • Have the navigation icon linked to the start • Have the title centered (between parent.start and parent.end) • Have actions linked to the end (could be zero, one or two icons) My problem: • When I center the title from parent.start to parent.end, long titles would overlap with the action icons. Therefore I would like to keep the title centered, but ellipsize the title when the title.end would overlap with actions.start

myanmarking

11/22/2022, 11:07 AM

if i want to use animatedVisibility when some data is not null. Is this safe and correct to do?

dimsuz

11/22/2022, 11:57 AM

Do I understand it right that

LocalMinimumTouchTargetEnforcement

is working only on material3 components? What is the correct way to add similar functionality to a composable not based on Material component? For example I have custom button of height 32.dp and I want to add invisible touch area around it to make effective touch area of 48.dp height.

PHondogo

11/22/2022, 12:08 PM

Hello! What and how is the best way to mark element that has something to scroll? Sometimes it is not clear that there is something more that need to be scrolled to.

harry248

11/22/2022, 2:48 PM

Has anyone here migrated from Accompanist SwipeRefresh to the new pullRefresh modifier and suddenly experienced a stuck indicator (like in the video)?

Screen_Recording_20221122_154110_OCM v200 (223261533)-develop.mp4

Lisandro Di Meo

11/22/2022, 3:06 PM

I don't know if this applies here, but if I consume an item from a Flow inside a composable, it will be removed during next recomposition?

Tower Guidev2

11/22/2022, 3:41 PM

Good afternoon Composers 😄 can anyone shed some light on where i have wrong? https://stackoverflow.com/questions/74535238/why-isnt-modifier-windowinsetsbottomheightwindowinsets-safedrawing-working-on

Ale Stamato

11/22/2022, 4:32 PM

Anyone here using movableContentOf() API ? (https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/runtime/design/movable-content.md) for which usecase? Thanks 🙂

myanmarking

11/22/2022, 5:17 PM

i was wondering, what is the best way of tweeking

animateFloatAsState(
    targetValue = progress.percentage,
    animationSpec = tween(
        durationMillis = 1000,
        easing = LinearEasing
    )
)

to support a ‘pause’ state ?

Arjan van Wieringen

11/22/2022, 7:22 PM

I am struggling with animating this sidebar. It all works, except I can't get the background to be the full size. Before I started to add animation I used

IntrinsicSize.Min

on the Column and used

fillMaxWidth

on the contents. But that doesn't work here. Any tips? The gist is here: https://gist.github.com/avwie/9b0ee5f2882e8d26517f4ab7fc2b0408

Screen Recording 2022-11-22 at 20.18.28.mov

lhwdev

11/22/2022, 11:42 PM

Can I use internal pointer logic(something like LayoutNode?) of Compose? Api code emits some marker modifier or node, and I need to check if which one contains clicked node. I'm trying to make Compose extend to window frame in Windows, but I need to check if mouse is on caption, left, right, etc. (HTCAPTION, HTLEFT, HTRIGHT...) I want api to be flexible as much as possible, so fixed option like fixed height of caption is not an option. (If not possible, I have to go with custom rect intersection)

11/23/2022, 2:23 AM

I have the following code which I use with media3 for playing videos. The thing I'm wondering is is how can I set it up to display the various states of the player? Such as it being paused, buffering, the elapsed time, etc. I'm not sure if I should use a LaunchedEffect and add the listener there, or if a viewmodel would be better, or maybe even some other way.

@Composable
fun Player(
    modifier: Modifier = Modifier,
    player: Player
) {
    AndroidView(
        modifier = Modifier
            .aspectRatio(16f / 9f)
            .then(modifier),
        factory = { context ->
            SurfaceView(context)
        },
        update = { surfaceView ->
            player.setVideoSurfaceView(surfaceView)
        }
    )
}

xxfast

11/23/2022, 4:52 AM

is there a way to get the number of columns shown from

LazyGridState

, when the columns are set to

GridCells.Adaptive

eygraber

11/23/2022, 6:22 AM

Are there any good videos or posts out there about material 3 and compose?

PHondogo

11/23/2022, 9:21 AM

Hello! What is the best way to scroll TextField out of Keyboard on focused? So user can see what he is typing. Better if it can be handled independently of parent element TextField is placed in. Edit: I found bringIntoViewRequester and it is working scrolling out of Keyboard, but Scaffold ButtomBar is still over TextField. How to specify to bringIntoViewRequester to scroll additional BottomBar height?

K Merle

11/23/2022, 12:28 PM

Regarding the compose screen transition (accompanist lib), is it possible to

Hold

a screen?

Taeho Kim

11/23/2022, 12:56 PM

Text is always “my age is 0” (never changed). why? it’s bug?

class MainActivity : ComponentActivity() {
  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent {
        var age by remember { mutableStateOf(0) }
        val person by remember {
          derivedStateOf { "my age is $age" }
        }
        Column(modifier = Modifier.padding(16.dp))  {
          Button(onClick = {
            age += 1
            Log.e("person", person)
          }) {

            Text(text =   person)
          }
          Text(
            text = person)
        }
    }
  }
}

davechuks

11/23/2022, 5:17 PM

Hello guys. I'm using jetpack compose to build my app and I want to replicate this type of smooth animation anytime I click on an image on screen. I'm not sure how to go about it.

YouCut_20221123_181548366.mp4

KotlinLeaner

11/23/2022, 5:58 PM

Hi guys, I want to know any api which will not assigne by default value in declaration time. For example

mutableStateOf("need value in here").

So anything we can use in compose ?

Gonzalo Renedo

11/24/2022, 1:38 AM

Does anyone know why I update my phone to android 12 and now the installSplashScreen works wrong? sometimes it doesn't even come out and it doesn't continue, the app finished as it should...

Shankar Gollakota

11/24/2022, 3:56 AM

Hi everyone there a lazyrow is screen A and from screen A i am moving to screen B while coming back to Screen B to Screen A lazyrow in screen A is re rendering ..... How can I avoid the re rendering #compose

KotlinLeaner

11/24/2022, 5:30 AM

message has been deleted

PHondogo

11/24/2022, 1:29 PM

Hello! What is the best way to use draggable modifier? Should and if yes how to pass event to parent scrollable if parent exists at onDelta callback?

KotlinLeaner

11/24/2022, 1:32 PM

Hi, I have another question why I need to use another

Column

inside my

ColumnScope.ScanDeviceList

If I removed inside

Column

form

ColumnScope.ScanDeviceList

my views are misaligned. Is this because of

AnimatedVisibility

? If yes, what is the solution for this? I am using

AnimatedVisibility

because I want to give basic animation’s to my view and it also checking the condition. Many thanks

Sudhir Singh Khanger

11/24/2022, 5:34 PM

How can I achieve behaviour like this where when images are scrolled the appear edge to edge but there is extra padding in the first item.

22-11-24-22-58-10_1.mp4

Sean Keane

11/24/2022, 6:19 PM

Hi Guys, I've got a question regarding the compose SDK's. Has anyone been able to add them to a KMM project and export the views for an Android App?

Gonzalo Renedo

11/24/2022, 7:25 PM

Please someone help me, yesterday I upgraded my phone to android 12 version, since then if I put installSplashScren() or something else before the setContent{} of the MainActivity.kt it fails and doesn't pass to the NavGraph(), when I remove it If it works fine, I don't understand what happens because navGraph doesn't work for me now and any other composable does, and the other way also works for me, removing the installSplashScreen if navGraph() works for me. I don't understand anything...

eygraber

11/24/2022, 8:31 PM

If I'm using Jetbrains Compose in a multiplatform project and have an Android target, should I still set

buildFeatures.compose = true

in my

build.gradle.kts

? If I don't set it, the IDE doesn't recognize files with compose in them, and doesn't show the preview window. If I do set it the preview window shows, but if I use certain composables the preview (and running the app) breaks with a

NoSuchMethodError

. For example if my composable has a

Text

, it fails with:

java.lang.NoSuchMethodError: 'void androidx.compose.material3.TextKt.Text-nZBYWUE(java.lang.String, androidx.compose.ui.Modifier, long, long, androidx.compose.ui.text.font.FontStyle, androidx.compose.ui.text.font.FontWeight, androidx.compose.ui.text.font.FontFamily, long, androidx.compose.ui.text.style.TextDecoration, androidx.compose.ui.text.style.TextAlign, long, int, boolean, int, int, _layoutlib_._internal_.kotlin.jvm.functions.Function1, androidx.compose.ui.text.TextStyle, androidx.compose.runtime.Composer, int, int, int)'

Daniel Okanin

11/24/2022, 9:36 PM

Hi everyone! What is the best way to check if I still can scroll in LazyList? something that replace the computeVerticalScrollOffset of the recycler view?

Title

Daniel Okanin

11/24/2022, 9:36 PM

Hi everyone! What is the best way to check if I still can scroll in LazyList? something that replace the computeVerticalScrollOffset of the recycler view?

dewildte

11/24/2022, 10:10 PM

What are you trying to achieve?

I do not know if this is the “best” way but you could check to see if all the items in the list are not visible.

LazyListState#layoutItemInfo

has this infomation.

james

11/25/2022, 1:51 AM

if you don’t need to deliver this functionality immediately, you could wait for an upcoming release of Compose, because last week a change was merged which adds

canScrollForward

and

canScrollBackward

properties to ScrollableState.. and it sounds like that’s exactly what you need if you do need to deliver this functionality immediately then just grab the current

value

and the

maxValue

of your scroll state and compare them (if you’re checking for end of list)

Daniel Okanin

11/25/2022, 6:46 AM

@dewildte @james I want to achieve the following behavior: By click on the phone back button, I scroll to top if I can, and if not, I dismiss the app

james

11/27/2022, 10:04 PM

@Daniel Okanin then you probably want to create your own derived state which checks if there’s room to scroll backward (ie. the scroll state value is >0) so something like:

val scrollState = rememberScrollState()
val canScrollBackward by remember {
    derivedStateOf {
        scrollState.value > 0
    }
}

then in your back handler code you can simply check

if (canScrollBackward) { your scroll-to-top code } else { your dismiss code }

once you get that working you might even want to take it a little further and introduce some threshold, because if the user has scrolled a tiny bit (eg. only a few pixels) then they’re effectively still at the “top” already, but

canScrollBackward

will be true because the scroll state is >0, and so the behaviour might feel a bit strange to the user.. but I’ll leave that one up to you 😄

View count: 25