如何使用ViewPager2删除TabLayout上的滚动条？

<style name="NoScrollTabLayout" parent="Widget.MaterialComponents.TabLayout">
    <item name="tabIndicatorColor">@android:color/transparent</item>
    <item name="tabTextAppearance">@style/NoScrollTabTextAppearance</item>
</style>

<style name="NoScrollTabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:textColor">@color/tab_text_color</item>
    <item name="textAllCaps">false</item>
</style>

<TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/NoScrollTabLayout"
    app:tabMode="fixed" />

ViewPager2 viewPager = findViewById(R.id.view_pager);
TabLayout tabLayout = findViewById(R.id.tab_layout);

new TabLayoutMediator(tabLayout, viewPager,
    (tab, position) -> tab.setText("Tab " + (position + 1))
).attach();

<style name="NoScrollTabLayout" parent="Widget.MaterialComponents.TabLayout">
    <item name="tabIndicatorHeight">0dp</item>
    <!-- 其他属性 -->
</style>