react-native - React Nativeで複数の画面に異なるトップタブを作成する方法

Question

さまざまな画面にさまざまなタブを作成しようとしています。これは説明するのが少し難しいので、私の欲望の出力を説明するためにいくつかの写真を投稿します.

createMaterialTopTabNavigator を使用して既にタブ ナビゲーターを作成しましたが、別の js ファイル全体で同じロジックを 2 回適用することはできないようです。私のjavascriptはかなり弱いです。

これは、最初のタブ ナビゲーション (ニュースフィード + サービス) のコードです。タブのタイトルが異なることを除いて、まったく同じことをしようとしています。

私の質問は、どうすれば自分の欲望のアウトプットを達成できるでしょうか?

import {createMaterialTopTabNavigator} from 'react-navigation';
import NewsfeedActivity from './NewsfeedActivity';
import ServiceActivity from './ServiceActivity';



export default createMaterialTopTabNavigator({
    Newsfeed:{screen: NewsfeedActivity},
    Services:{screen:ServiceActivity}
},
{
    initialRouteName:'Services',
    swipeEnabled:true,
    navigationOptions:({navigation})=>({
         header:null

    }),
    tabBarOptions:{
        activeTintColor:'#65FAE9',
        inactiveTintColor:'white',
        allowFontScaling:true,
        indicatorStyle:{borderBottomColor:'#65FAE9', borderBottomWidth:4,},
        style:{backgroundColor:'#515276',paddingBottom:5},
        labelStyle:{fontWeight:'bold',marginTop:'40%'},  
    },     
 },

);

私が持っているもの:

私が作成しようとしているもの：