如何在TabLayout中使标签的触摸区域更宽

Question

我目前正在开发一个Xamarin.Android应用程序，而且我无法找到一种方法来使我的TabLayout的触摸区更宽。在左边你有当前的触摸区域，右边你有我想要的东西：

如果您需要更多代码，请不要在评论中提出问题，但这只是一个基本的TabLayout，可以滚动，并使用ViewPager进行设置（但它应该“没有任何效果”） 。我可以轻松滚动，但如果我想触摸某个类别的名称（例如＆＃34; Toutes＆＃34;，＆＃34; Alimentation＆＃34;或＆＃34; Transport＆＃34;），请转到标签，我经常要触摸两到三次，因为触摸区域太小。

            <android.support.design.widget.TabLayout
                android:id="@+id/tb_homePage"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@drawable/tabLayout_background"
                local:tabMode="scrollable"
                local:tabIndicatorHeight="2dp"
                android:paddingTop="10dp"
                android:paddingBottom="10dp"
                style="@style/CustomTabBar" />

在我的Activity类中，我可以使用以下方法访问TabLayout：

  

FindViewById（Resource.Id.tb_homePage）

你们有什么想法怎么做吗？谢谢:)）

编辑1：CustomTabBar样式＆amp; tabLayout_background.xaml

CustomTabBar样式

  <style name="CustomTabBar" parent="android:Widget">
    <item name="tabMinWidth">5dp</item>
    <item name="tabPaddingStart">0dp</item>
    <item name="tabPaddingEnd">0dp</item>
    <item name="tabTextAppearance">@style/MyCustomTextAppearance</item>
  </style>

  <style name="MyCustomTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="textAllCaps">false</item>
    <item name="android:textAllCaps">false</item>
    <item name="android:textSize">15.6sp</item>
    <item name="android:fontFamily">fonts/AvenirLTStd-Roman.otf</item>
    <item name="android:textColor">@color/tablayout_text_color</item>
  </style>

tabLayout_background.xml

<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape>
      <gradient
          android:angle="90"
          android:startColor="#00000000"
          android:endColor="#0D000000"
          android:type="linear" />
    </shape>
  </item>
</selector>