You Shall Not Pass or Dispose Displaying a list of items has always been a part of user interfaces. We can see it in almost every app, but it comes with some challenges to the user experience, like …

Pand's Blog provides developers with tutorials, tips, and insights on web development, frontend technologies, and software engineering practices. Developers can learn about modern web development frameworks, frontend build tools, and responsive design techniques, as well as explore tutorials on JavaScript libraries and CSS frameworks. Additionally, the blog covers topics such as web accessibility, performance optimization, and user experience design, empowering developers to create intuitive and accessible web applications.

ProAndroidDev

LazyColumn in Jetpack Compose disposes items when they scroll out of view, causing animations to restart when items return to the viewport. This is problematic for chat apps displaying character-by-character AI responses. The solution is using PinnableContainer (introduced in Compose 1.4.0) with a single line of code: pinnableContainer?.pin(). This keeps items active in memory even when off-screen, allowing animations and effects to continue uninterrupted. Alternative approaches include using Column with verticalScroll (keeps all items in memory but impacts performance) or using key parameters to optimize recomposition.