Sticky item content in RecyclerView

Question

What is the best way to stick the content of a recyclerview items to the side of the screen. So that when the element goes off screen its content sticks to the side and goes with its parent only after there is no room in the rest of the element for that child.

I've attached the example where user scrolls left, so the red child of rv item is sticked to the left side of the screen.

Answer 1

Try this code in your view holder

Kotlin

itemView.viewTreeObserver.addOnScrollChangedListener {
        val offset  = -itemView.left.toFloat()
        YOUR_RED_VIEW.translationX = offset.coerceAtLeast(0f)
//ELEVATION
        YOUR_RED_VIEW.translationZ = if (offset < 0) 2f else 0f
      
    }

Java

itemView.getViewTreeObserver().addOnScrollChangedListener(() -> {
        float offset = (float) -itemView.getLeft();
        YOUR_RED_VIEW.setTranslationX((float) Math.max(offset,0f));
        //ELEVATION
        YOUR_RED_VIEW.setTranslationZ(offset < 0 ? 2f : 0);
    });