首页 > 解决方案 > 在 Fragment 中打开 ViewPager 使应用程序崩溃

问题描述

我正在研究在片段上实现 View-pager 的布局,问题出现在我在 Fragment 上实现 View-pager 布局时。当我从底部导航打开 View-pager Main Fragment 时,应用程序崩溃并且其中没有显示任何内容。这是我实现 View-pager 的 Xml 文件主片段。这个布局是在线性布局之后实现的

<com.google.android.material.tabs.TabLayout
android:id="@+id/tablayout"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />

这是主要片段 Kotlin 文件

class ViewPagerFragmentMain : Fragment() {

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    val viewPager: ViewPager = view!!.findViewById(R.id.viewpager)
    val tabLayout: TabLayout = view!!.findViewById(R.id.tablayout)

    // attach tablayout with viewpager

    tabLayout.setupWithViewPager(viewPager)

    val adapter = ViewPagerAdapter(childFragmentManager)

    // add your fragments

    // add your fragments
    adapter.addFrag(FragmentViewPagerHistory(), "Tab1")
    adapter.addFrag(FragmentViewPagerHistorySecond(), "Tab2")
    // set adapter on viewpager

    // set adapter on viewpager
    viewPager.adapter = adapter


}

override fun onCreateView(
    inflater: LayoutInflater, container: ViewGroup?,
    savedInstanceState: Bundle?
): View? {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_view_pager_main, container, false)
}

从主活动我调用这个方法来打开片段

 private fun ShowFragmentViewPager() {
    val newFragment: Fragment = ViewPagerFragmentMain()
    val transaction1: FragmentTransaction = supportFragmentManager.beginTransaction();
    transaction1.replace(R.id.frameLayout, newFragment);
    transaction1.addToBackStack(null);
    transaction1.commit();
}

我附加调试器的图像

调试器结果是这样的 结果 1

应用关闭

在 Logcat 中它什么都没有显示 定位

我无法理解我做错了什么......

[https://stackoverflow.com/questions/32356867/app-crashes-viewpager][5]

实施更改后的代码如下所示 更改后的代码

标签: androidandroid-studiokotlinandroid-fragmentsandroid-viewpager

解决方案


您需要了解Fragment 的生命周期。你写的代码onCreate(),必须在onViewCreated(). 或者onCreateView(),在设置视图之后。所以基本上

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    val viewPager: ViewPager = view!!.findViewById(R.id.viewpager)
    val tabLayout: TabLayout = view!!.findViewById(R.id.tablayout)

    // attach tablayout with viewpager

    tabLayout.setupWithViewPager(viewPager)

    val adapter = ViewPagerAdapter(childFragmentManager)

    // add your fragments

    // add your fragments
    adapter.addFrag(FragmentViewPagerHistory(), "Tab1")
    adapter.addFrag(FragmentViewPagerHistorySecond(), "Tab2")
    // set adapter on viewpager

    // set adapter on viewpager
    viewPager.adapter = adapter
} 

上面的代码导致空指针异常。因为 in onCreate()view 还没有准备好,而您正在尝试访问该视图。


onCreateView() 混乱后更新

您需要编写onCreateView()如下代码

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
    val rootView = inflater.inflate(R.layout.fragment_view_pager_main, container, false)

    val viewPager: ViewPager = rootView.findViewById(R.id.viewpager)
    val tabLayout: TabLayout = rootView.findViewById(R.id.tablayout)

    // attach tablayout with viewpager

    tabLayout.setupWithViewPager(viewPager)

    val adapter = ViewPagerAdapter(childFragmentManager)

    // add your fragments

    // add your fragments
    adapter.addFrag(FragmentViewPagerHistory(), "Tab1")
    adapter.addFrag(FragmentViewPagerHistorySecond(), "Tab2")
    // set adapter on viewpager

    // set adapter on viewpager
    viewPager.adapter = adapter
    
    return rootView
}

推荐阅读