🔥TIL🔥스파르타 | 숙련 팀과제 트러블슈팅

📖ViewPager2

🙁BottomNavigationView와 ViewPaging을 동시에 구현할 때 생겼던 문제

뷰페이징으로 다른 화면으로 넘겨도 뒤에 화면이 그대로 남아있음

fragment 태그는 name 태그로 어떤 프래그먼트가 보일지 정해놓는 정적 동작하기 때문에 뷰페이징으로 화면을 넘겼을 때 안 넘어가고 뒤에 화면이 남아있을 수 있다. 그래서 FragmentContainerView를 사용해 동적 동작하게 변경해야 한다.

제대로 동작하지 않는 코드

동작 화면

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/nav_view"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="0dp"
            android:layout_marginEnd="0dp"
            android:background="?android:attr/windowBackground"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:menu="@menu/bottom_nav_menu" />

        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_constraintBottom_toTopOf="@+id/nav_view"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <fragment
            android:id="@+id/nav_host_fragment"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:defaultNavHost="true"
            app:layout_constraintBottom_toTopOf="@+id/nav_view"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:navGraph="@navigation/mobile_navigation" />


</androidx.constraintlayout.widget.ConstraintLayout>

제대로 동작하는 코드

동작 화면

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/nav_view"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="0dp"
            android:layout_marginEnd="0dp"
            android:background="?android:attr/windowBackground"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:menu="@menu/bottom_nav_menu" />

        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_constraintBottom_toTopOf="@+id/nav_view"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <androidx.fragment.app.FragmentContainerView
            android:id="@+id/nav_host_fragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:defaultNavHost="true"
            app:layout_constraintBottom_toTopOf="@+id/nav_view"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:navGraph="@navigation/mobile_navigation" />


</androidx.constraintlayout.widget.ConstraintLayout>

📖Binding

🙁binding으로 데이터 바인딩을 할 때 앱이 꺼지는 문제

뷰와 관련된 작업을 할 때
프래그먼트에서 뷰와 관련된 작업을 할 때는 onCreateView 또는 onViewCreated 메서드 안에서 수행해야 한다.
binding에 접근하기 전에는 초기화해야 한다.

제대로 동작하지 않는 코드

class ContactDetailFragment : Fragment() {

    private lateinit var binding: FragmentContactDetailBinding
    private var contactData: Contact? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        arguments?.let {
            contactData = it.getParcelable(Constants.ARG_CONTACT)
        }
//        binding.imgDetailprofil.setImageResource(contactData!!.profileImage)
        binding.tvDetailname.text = contactData?.name.toString()
        binding.tvDetailMBTI.text = contactData?.mbti
        binding.tvDetailPhon.text = contactData?.phoneNumber
        binding.tvDetailEmail.text = contactData?.email
        binding.tvDetailBirth.text = contactData?.birthDate
        Log.d("받는 Detail 프래그먼트", contactData?.phoneNumber.toString())
    }

제대로 동작하는 코드

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    arguments?.let {
        contactData = it.getParcelable(Constants.ARG_CONTACT)
    }

    contactData?.let { data ->
//             binding.imgDetailprofil.setImageURI(data.profileImage)
        binding.tvDetailname.text = data.name
        binding.tvDetailMBTI.text = data.mbti
        binding.tvDetailPhon.text = data.phoneNumber
        binding.tvDetailEmail.text = data.email
        binding.tvDetailBirth.text = data.birthDate
        if(contactData?.favorite == true)
            binding.imgStar.setImageResource(R.drawable.icon_star_yellow)
        else
            binding.imgStar.setImageResource(R.drawable.icon_star_gray)
    }

}

📖import android.R

import를 잘못했을 가능성이 높다.

📖디버깅

adb shell setprop log.tag.FragmentManager DEBUG

📖특정 프래그먼트에 바텀 내비게이션 바가 안 보이게 할 때

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)

    val bottomNav = activity?.findViewById<BottomNavigationView>(R.id.nav_view)
    bottomNav?.visibility = View.GONE

}

*주의할 점
destroy될 때 다시 보이게 해야 한다
override fun onDestroyView() {
super.onDestroyView()

    val bottomNav = activity?.findViewById<BottomNavigationView>(R.id.nav_view)
    bottomNav?.visibility = View.VISIBLE
}