Is it possible to render a scrim using compose with

AnimatedContent

? 🧵👀

Hi guys How Can I create horizontal line with circle like on the picture? My code draw only horizontal line

Is remember supposed to work correctly in LazyColumn / item on something that is always on screen or is there some subtilty here?

Suppose I am using a

ComposeView

to show a composable. Is there a way for the

ComposeView

to receive a callback when the content is recomposed?

Does anyone know where the source code for jetpack compose is located?

I have a

LazyColumn

that displays a

mutableStateListOf(items)

. There are about 100 items in the list and once populated (loaded from a server) the list doesn't change. Individual items do sometimes mutate however (by making a mutated copy of the item and replacing the previous instance of it in the list). This all works as expected. I now want to add a search/filter TextField, that reduces the items displayed to just those where

item.name.contains(searchText)

. I'm not sure what the best approach to implementing this is: 1. Create a new

mutableStateListOf()

list that contains just the filtered items, clearing and repopulating it from the full list each time the search text changes. It seems tricky to deal with mutating items using this approach though (both lists will need updating). 2. Similar to 1, but convert to a

mutableStateOf(List<Item>)

and create a new list (from the separate full list) each time the search text changes or an item is mutated. 3. Leave things as they are, but make the item @Composable take the search text as a parameter, and display nothing if

contains()

returns false. This seems easy, but also hacky. 4. Something else?

Hi. I am trying to implement a screen with multiple tabs (accompanist - pager) so i did something like this:

@Composable
fun Screen() {
  val screenViewModel: ScreenViewModel = hiltViewModel()
  val pages by screenViewModel.pages.collectAsState()
  val pagerState = rememberPagerState(pageCount = pages.size)

  HorizontalPager(state = pagerState) { index ->
    Column(modifier = Modifier.fillMaxWidth()) {
      // this viewmodel should be created with data from the page object (e.g. id)
      val pagerViewModel: PagerViewModel = hiltViewModel() // actual: same viewmodel on every page -> expected: every page get´s its own viewmodel
      ...
    }
  }
}

Is it possible to get a ViewModel per page via hilt or should i use a complete different approach than ViewModels in this case?

Oooh, I wish we had this API as well on Android.

New public API: androidx.compose.ui.renderComposeScene - renders UI into an image

1839133: Desktop. WithComposeScene, deprecate TestComposeWindow | https://android-review.googlesource.com/c/platform/frameworks/support/+/1839133

Is there any compose equivalent to

addOnLayoutChangeListener

? Specifically, I'd like to know what x/y/width/height was chosen for a given composable.

In what situations would

LocalContext.current

be of type

ContextWrapper

rather than

Activity

?

After adding an

AbstractComposeView

to our app, I’m noticing that my states aren’t getting saved (using

rememberSaveable

) when the view is detached from window. I’m trying to investigate this for some time but I haven’t reached anywhere. How can I investigate what might be happening?

With latest compose 1.0.3, what's the situation for kotlin 1.5.21 and accompanist v0.18.0? I know I can use 1.5.30 and 0.19.0, but do I need that? The upgrade policy in the 1.0.0 alpha/beta/rc days was that I'd need everything in lockstep, but is that still necessary? I couldn't find any release notes breaking changes, but what's the official way to do this? Side question with AGP 7.1 when it reaches stable and compose 1.1.0 stable when it goes out

Does anyone know how to go from the default TabRow indicator to something that only stretches for the length of the text itself? https://stackoverflow.com/questions/65581582/scrollabletabrow-indicator-width-to-match-text-inside-tab

When can we expect stable Animations API?

Hello, I need some help. Using

IntrinsicSize

does not wrap the content and truncates the height of the composable. Code and screenshots in thread ->

Hello. Anyone can point me how I can change the DropdownMenu color? Currently if I change it through

Modifier.background()

it looks like it just draws other shape on top of current menu container. Adding a screenshot on what I mean. Is there anything I missing? Or should I choose other option on creating DropdownMenus? 🤔

Does somebody know how I can set an equivalent of

android:background="?selectableItemBackground"

on

Text

or

ClickableText

elements for example?

Anyone know a way to add space in

AlertDialog()

between title and text ?

In Compose 1.1.0-alpha05 (don't know if happens before but before fling was bugged due to lack of pointer history) when I start a fling then touch the screen the fling is stopped but the click is passed to the child making it impossible to stop fling without clicking. This is not the case with a recyclerview for example. Is there some specific parameter to manage that or should it be considered an bug ?

What is the difference between these two?

var a: Boolean by remember { mutableStateOf(false) }
var b: Boolean = remember { false }

Is it possible to mutate two (or more) MutableState variables in a single “transaction” ?

Did some more work on my side project app, feels pretty fluid, impressed with how well compose handles stuff like massive repaints, I feel 0 janks using this 😊

My app has a

Scaffold

with a

TopAppBar

,

BottomNavigation

and the content is a

Column

containing a

LazyColumn

plus a

TextField

. When the onscreen keyboard is displayed, I want the

TopAppBar

and

LazyColumn

to stay where they are, the

TextField

to be pushed up to just above the keyboard, and the

BottomNavigation

to be hidden. I'm trying to achieve this with accompanist-insets-ui, but haven't been able to figure out how.

navigationBarsWithImePadding()

comes close, but results in extra whitespace between the TextField and the keyboard, due to the TextField not being located right at the bottom of the screen when there's no keyboard showing. Any ideas on how I can solve this?

Right now because the toolbar doesn't consume touches it goes to the views underneath

Hi, when using

bottomSheet

from

accompagnist

how can we set or control the default

modalSheetValue

??

Anyone know why navigation component 2.4.0 requires compile sdk 31? I’m running into this because we’re using compile sdk 30, and i’m trying to use accompanist to do the navigation animation, which depends on 2.4.0 alpha 7 of navigation. That happens to require sdk 31. The issue is that upgrading our app with this would mean reworking a bunch of our bluetooth code to account for the new bluetooth permissions. We’ll have to do this eventually, but it does present a barrier.

Trying to draw this fairly simple column in compose but failing. Code in thread.

how to switch off in compose LazyColumn overscroll effect like android:overScrollMode="never" for RecyclerView ps. sorry for crossposting from wrong channel "android"