Почему нельзя использовать RecyclerView в NestedScrollView и как это исправить?07.04.2025 18:01

Чтобы ответить на этот вопрос, сначала нужно понять как работает RecyclerView. У Recycler есть ViewHolder’ы, часть из них видны, а другие два пользователь не видит. Один расположен сверху, второй снизу. При прокрутки списка, старые ViewHolder’ы меняются на новые, потому что в адаптере срабатывает onBindViewHolder.

Попробуем реализовать экран со списком цифр.

Также нужно сделать адаптер.

class CustomAdapter() : RecyclerView.Adapter() {
    private var data: List = listOf()


    inner class CustomViewHolder(private val binding: ItemRvBinding) :
        RecyclerView.ViewHolder(binding.root) {
        fun onBind(value: Int) {
            binding.tvName.text = value.toString()
        }
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CustomViewHolder {
        return CustomViewHolder(
            ItemRvBinding.inflate(
                LayoutInflater.from(parent.context),
                parent,
                false
            )
        )
    }

    override fun getItemCount(): Int {
        return data.size
    }

    override fun onBindViewHolder(holder: CustomViewHolder, position: Int) {
        holder.onBind(data[position])
    }

    fun setList(list: List) {
        data = list
        notifyDataSetChanged()
    }
}

setList нельзя так использовать, я написал не оптимальный способ для простоты понимая. В настоящих проектах нужно пользоваться DiffUtil.

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        val adapter = CustomAdapter()
        binding.recyclerView.adapter = adapter

        binding.recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
            override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {
                Log.d(
                    "COUNT_VISIBLE_ITEM",
                    binding.recyclerView.layoutManager?.childCount.toString()
                )
                super.onScrollStateChanged(recyclerView, newState)
            }

            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
                super.onScrolled(recyclerView, dx, dy)
            }
        })

        val list = mutableListOf()
        for (i in 1..1000) {
            list.add(i)
        }

        adapter.setList(list)
    }
}

На recyclerView я поставил addOnScrollListener, чтобы он выводил количество ViewHolder’ов при каждой прокрутке.

Запускаем проект, и смотрим логи. Число ViewHolder’ов варьируется от 22 до 23.

Теперь к нам приходит дизайнер, и говорит, что сверху нам нужна плашка, которая скролиться.

Получается что‑то вот такое. Но зайдя в логи, можно увидеть ужасающую надпись.
COUNT_VISIBLE_ITEM habr_tests D 1000 

Так как RecyclerView находиться в NestedScrollView, его размер по вертикали растягивается на весь экран. Из‑за этого отрисовываются сразу все ViewHolder’ы, и телефону накладно все это обрабатывать. Можно увидеть лаги, если листать такой список. Так делать нельзя. Но как это исправить?

Есть два варианта, как можно сделать.

• CollapsingToolbarLayout

• ViewType

CollapsingToolbarLayout

Изменим activity_main.xml.

В RecyclerView мы должны установить layout_behavior. Это нужно, чтобы recyclerView был под AppBarLayout’ом. Также прописываем layout_scrollFlags и layout_collapseMode. Далее смотрим в логи и радуемся жизни, ведь теперь число ViewHolder’ов вернулась к 22–23.

ViewType

Идея этого подхода заключается в создании нового ViewType в адаптере.

Создадим item_tittle.xml.

Поменяем CustomAdapter.

class CustomAdapter() : RecyclerView.Adapter() {
    private var data: List = listOf()

    abstract class CustomViewHolder(view: View): RecyclerView.ViewHolder(view){
        open fun onBind(position: Int){}
    }

    inner class ValueCustomViewHolder(private val binding: ItemRvBinding): CustomViewHolder(binding.root) {
        override fun onBind(position: Int) {
            val value = data[position] as Int
            binding.tvName.text = value.toString()
        }
    }

    inner class TittleCustomViewHolder(private val binding: ItemTittleBinding): CustomViewHolder(binding.root){
        override fun onBind(position: Int) {
            val value = data[position] as String
            binding.tvTittle.text = value
        }
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CustomViewHolder {
        return when(viewType){
            TITTLE_VIEW_TYPE -> TittleCustomViewHolder(ItemTittleBinding.inflate(LayoutInflater.from(parent.context), parent, false))
            VALUE_VIEW_TYPE -> ValueCustomViewHolder(ItemRvBinding.inflate(LayoutInflater.from(parent.context), parent, false))
            else -> throw IllegalArgumentException("Invalid viewType: $viewType")
        }
    }

    override fun getItemViewType(position: Int): Int {
        return when(data[position]){
            is Int -> VALUE_VIEW_TYPE
            is String -> TITTLE_VIEW_TYPE
            else -> throw IllegalArgumentException("Invalid data: ${data[position]}")
        }
    }

    override fun getItemCount(): Int {
        return data.size
    }

    override fun onBindViewHolder(holder: CustomViewHolder, position: Int) {
        when(holder){
            is ValueCustomViewHolder -> {
                holder.onBind(position)
            }
            is TittleCustomViewHolder ->{
                holder.onBind(position)
            }
        }
    }

    fun setList(list: List) {
        data = list
        notifyDataSetChanged()
    }

    companion object{
        const val TITTLE_VIEW_TYPE = 0
        const val VALUE_VIEW_TYPE = 1
    }
}

Создадим абстрактный класс CustomViewHolder и в нем функцию onBind. Далее наследуемся от него и создаем ViewHolder под Заголовок и числа. В MainActivity добавим строчку перед инициализацией list.

list.add(getString(R.string.name))

Теперь можем запустить, смотрим логи число ViewHolder’ов вернулась к 22–23.

Заключение

Таким образом, я показал , что можно обойтись без NestedScrollView совместно с RecyclerView. Для это лучше подходит использование CollapsingToolBar или ViewType. Их нужно использовать в зависимости от ситуации, в данном случаи я бы лучше использовал CollapsingToolBar.