[test] Add MaterialTopTabs test for v5

Author: IjzerenHein

example/metro.config.js

@@ -13,7 +13,8 @@ const resolvers = {
   "@react-navigation/native": "../node_modules",
   "@react-navigation/stack": "../node_modules",
   "@react-navigation/routers": "../node_modules",
-  "@react-navigation/bottom-tabs": "../node_modules"
+  "@react-navigation/bottom-tabs": "../node_modules",
+  "@react-navigation/material-top-tabs": "../node_modules"
 };
 
 module.exports = {

example/package.json

@@ -12,6 +12,7 @@
     "@react-navigation/native": "link:../node_modules/@react-navigation/native",
     "@react-navigation/stack": "link:../node_modules/@react-navigation/stack",
     "@react-navigation/bottom-tabs": "link:../node_modules/@react-navigation/bottom-tabs",
+    "@react-navigation/material-top-tabs": "link:../node_modules/@react-navigation/material-top-tabs",
     "expo": "~37.0.3",
     "expo-updates": "~0.1.0",
     "react": "~16.9.0",

example/src/App.tsx

@@ -14,6 +14,7 @@ import ForwardOnly from "./tests/ForwardOnly";
 import ForwardOnlyV4 from "./tests/ForwardOnly.v4";
 import ListView from "./tests/ListView";
 import ListViewV4 from "./tests/ListView.v4";
+import MaterialTopTabs from "./tests/MaterialTopTabs";
 import MaterialTopTabsV4 from "./tests/MaterialTopTabs.v4";
 import ModalIOS13PageSheet from "./tests/ModalIOS13PageSheet";
 import ModalIOS13PageSheetV4 from "./tests/ModalIOS13PageSheet.v4";
@@ -75,7 +76,11 @@ export default () => (
         ComponentV4={BottomTabs2V4}
         Component={BottomTabs2}
       />
-      <Test title="MaterialTopTabs" ComponentV4={MaterialTopTabsV4} />
+      <Test
+        title="MaterialTopTabs"
+        ComponentV4={MaterialTopTabsV4}
+        Component={MaterialTopTabs}
+      />
       <Test title="ListView" ComponentV4={ListViewV4} Component={ListView} />
       <Test title="ViewPager" ComponentV4={ViewPagerV4} Component={ViewPager} />
       <Test title="TextInput" ComponentV4={TextInputStackV4} />

example/src/tests/MaterialTopTabs.tsx

@@ -0,0 +1,43 @@
+import { createMaterialTopTabNavigator } from "@react-navigation/material-top-tabs";
+import { NavigationContainer } from "@react-navigation/native";
+import * as React from "react";
+import { createSharedElementStackNavigator } from "react-navigation-shared-element";
+
+import { MasterScreen, DetailScreen } from "../screens";
+
+const name = "MaterialTopTabs";
+
+const MaterialTopTab = createMaterialTopTabNavigator();
+
+const Stack1 = createSharedElementStackNavigator({
+  name,
+  debug: true
+});
+
+const Stack2 = createSharedElementStackNavigator({
+  name,
+  debug: true
+});
+
+const Stack1Screen = () => (
+  <Stack1.Navigator>
+    <Stack1.Screen name={name} component={MasterScreen} />
+    <Stack1.Screen name="Detail" component={DetailScreen} />
+  </Stack1.Navigator>
+);
+
+const Stack2Screen = () => (
+  <Stack2.Navigator>
+    <Stack2.Screen name={name} component={MasterScreen} />
+    <Stack2.Screen name="Detail" component={DetailScreen} />
+  </Stack2.Navigator>
+);
+
+export default () => (
+  <NavigationContainer>
+    <MaterialTopTab.Navigator>
+      <MaterialTopTab.Screen name="Tab1" component={Stack1Screen} />
+      <MaterialTopTab.Screen name="Tab2" component={Stack2Screen} />
+    </MaterialTopTab.Navigator>
+  </NavigationContainer>
+);

example/yarn.lock

@@ -1253,18 +1253,22 @@
     query-string "^6.11.1"
     react-is "^16.13.0"
 
-"@react-navigation/core@^5.3.4":
-  version "5.3.4"
-  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-5.3.4.tgz#272eb48381c4db251f4dc5cd044db1606a551551"
-  integrity sha512-ul8J7oHC1/k/qWORr7uI710nKofbcD2clYI0bK0Bix+xgAoiFPgrwRDrQcjWw4YQViYlR8CGF/DhnKK+BFA+Yw==
+"@react-navigation/core@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-5.4.0.tgz#6b4973d48396d28ed3efee582b28807682a5865d"
+  integrity sha512-tDmfw7nzbJg186cXHUPl/VYEGSepzBXNiHRv4GTxLQ+S9cnZgPyrGv56kiSvHhxCzyNGN0nHscCY9IUv08KL6Q==
   dependencies:
-    "@react-navigation/routers" "^5.4.0"
+    "@react-navigation/routers" "^5.4.2"
     escape-string-regexp "^2.0.0"
     nanoid "^3.0.2"
     query-string "^6.12.0"
     react-is "^16.13.0"
     use-subscription "^1.4.0"
 
+"@react-navigation/material-top-tabs@link:../node_modules/@react-navigation/material-top-tabs":
+  version "0.0.0"
+  uid ""
+
 "@react-navigation/native@^3.7.11":
   version "3.7.11"
   resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-3.7.11.tgz#00aa5d8187b346b16a5d2e9d1e32413c78bc4ad4"
@@ -1277,10 +1281,10 @@
   version "0.0.0"
   uid ""
 
-"@react-navigation/routers@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@react-navigation/routers/-/routers-5.4.0.tgz#2fce2a3880e84a110d4eaea317bb7dadee27d57c"
-  integrity sha512-Z5mQF/oQH9CRLilNm1H7h0wjY3dKomWOhuuDehW8UKuLiFp2mWJI1P5N9qwaSraxhcoiVfb9QXwKZru/wBzWMQ==
+"@react-navigation/routers@^5.4.2":
+  version "5.4.2"
+  resolved "https://registry.yarnpkg.com/@react-navigation/routers/-/routers-5.4.2.tgz#10c1f32b0ddde935d1fc9123fb1683472bf31815"
+  integrity sha512-YjGv4H0LXD2YnDjSBAJzIKzlZehFRqWfR2IJtZor/mfLkOi6qDl8yJeqZKbLEeQsu6o6493QdxM81tqX293kyQ==
   dependencies:
     nanoid "^3.0.2"
 

package.json

@@ -44,6 +44,7 @@
   "devDependencies": {
     "@commitlint/config-conventional": "^8.3.4",
     "@react-navigation/bottom-tabs": "^5.3.3",
+    "@react-navigation/material-top-tabs": "^5.1.14",
     "@react-navigation/native": "^5.2.3",
     "@react-navigation/stack": "^5.2.18",
     "@types/react": "^16.9.23",

yarn.lock

@@ -1246,6 +1246,13 @@
     react-is "^16.13.0"
     use-subscription "^1.4.0"
 
+"@react-navigation/material-top-tabs@^5.1.14":
+  version "5.1.14"
+  resolved "https://registry.yarnpkg.com/@react-navigation/material-top-tabs/-/material-top-tabs-5.1.14.tgz#cb4993b7db70dc9f7028d0e71255ef98dc07f22a"
+  integrity sha512-IcdfWzAGWQq7xHJbsnFBNO9iHslZbGjZ1CPbWiVpFAKkfW/Vwv2P3qS9He6rQDghv0X8Uqd8aS0braTI/AfL+g==
+  dependencies:
+    color "^3.1.2"
+
 "@react-navigation/native@^3.7.11":
   version "3.7.11"
   resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-3.7.11.tgz#00aa5d8187b346b16a5d2e9d1e32413c78bc4ad4"