title: How to align createMaterialTopTabNavigator to the Right
body: <p>Currently my items are all to the left as they should be by default. I can not seem to move it to the right side. For reference, I have attached an image</p>
  
  <p><a href="https://ibb.co/fYFPMFJ" rel="nofollow noreferrer">https://ibb.co/fYFPMFJ</a></p>
  
  <p>I have already tried styling it with <code>tabStyle</code> and using <code>alignSelf: 'flex-end'</code> <code>alignItems: 'flex-end'</code> <code>flexDirection: 'row'</code>, <code>justifyContent: 'flex-end'</code></p>
  
  <p>Here is the code:</p>
  
  <pre><code>const TabNavigator = createMaterialTopTabNavigator({
  
      ރިޕޯޓު: {screen: MainScreenCategoryTabNavigator, params:{categoryID: 1004}},
      ދީން: {screen: MainScreenCategoryTabNavigator, params:{categoryID: 1003}},
      ސިޔާސީ: {screen: MainScreenCategoryTabNavigator, params:{categoryID: 1002}},
      ޙަބަރު: {screen: MainScreenTabNavigator, params:{categoryID: 1000}},
  
  },
      {
          initialRouteName:'ޙަބަރު',
          lazy: true,
          tabBarOptions: {
              labelStyle: {
                  fontSize: 16,
                  fontFamily: 'MV_Waheed',
                  fontWeight: "200"
              },
              tabStyle: {
                  width: 60,
                  textAlign: 'right'
              },
          }
      },
  );
  </code></pre>
  
  <p>Like I mentioned above, and the reference to the image attached, I would like to move the tabs to the right instead of left. How can I achieve this?
  Thanks!</p>