Pré-requisitos: adicionando Example.js

Author: oieduardorabelo

Example.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { View, TouchableOpacity, Text } from 'react-native';
+
+const getAvailableRoutes = navigation => {
+  let availableRoutes = [];
+  if (!navigation) return availableRoutes;
+
+  const parent = navigation.dangerouslyGetParent();
+  if (parent) {
+    if (parent.router && parent.router.childRouters) {
+      // Grab all the routes the parent defines and add it the list
+      availableRoutes = [
+        ...availableRoutes,
+        ...Object.keys(parent.router.childRouters),
+      ];
+    }
+
+    // Recursively work up the tree until there are none left
+    availableRoutes = [...availableRoutes, ...getAvailableRoutes(parent)];
+  }
+
+  // De-dupe the list and then remove the current route from the list
+  return [...new Set(availableRoutes)].filter(
+    route => route !== navigation.state.routeName
+  );
+};
+
+const getRandomColor = () => {
+  var letters = '0123456789ABCDEF';
+  var color = '#';
+  for (var i = 0; i < 6; i++) {
+    color += letters[Math.floor(Math.random() * 16)];
+  }
+  return color;
+};
+
+const Example = ({ navigation }) => {
+  return (
+    <View
+      style={{
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: getRandomColor(),
+      }}
+    >
+      {getAvailableRoutes(navigation).map(route => (
+        <TouchableOpacity
+          onPress={() => navigation.navigate(route)}
+          key={route}
+          style={{
+            backgroundColor: '#fff',
+            padding: 10,
+            margin: 10,
+          }}
+        >
+          <Text>{route}</Text>
+        </TouchableOpacity>
+      ))}
+    </View>
+  );
+};
+
+export default Example;