タブの1つだけにアイコンを表示したい

やりたいこと:
上部のタブで、1つのタブだけにアイコンを表示させたい（他の2つはテキストのみ)

実装:
react-navigation-tabsのcreateMaterialTopTabsを使用

困っていること:
showIcons: true にすると、アイコンを表示させないタブにアイコン分の余白ができる

コード:

typescript
1export default createMaterialTopTabNavigator(
2  {
3    tab1: screen1,
4    tab2: screen2,
5    tab3: {
6      screen: screen3,
7      navigationOptions: {
8        tabBarIcon: <Icon name="filter" color="#777776" size={25} />,
9      },
10    },
11  },
12  {
13    tabBarOptions: {
14      activeTintColor: '#E91818',
15      inactiveTintColor: '#777777',
16      indicatorStyle: {
17        backgroundColor: '#E91818',
18        height: 3,
19      },
20      showIcon: true,
21      tabStyle: {
22        flexDirection: 'row',
23      },
24      labelStyle: {
25        alignItems: 'center',
26        textAlign: 'center',
27      },
28      style: {
29        backgroundColor: '#fff',
30        marginLeft: 20,
31        marginRight: 20,
32        elevation: 0, // remove shadow
33        borderBottomColor: '#F5F4F4',
34      },
35    },
36  }
37);