chore: migrate to monorepo

example/src/TransparentStack.tsx

@@ -0,0 +1,90 @@
+import * as React from 'react';
+import { Button, View, Text } from 'react-native';
+import {
+  createStackNavigator,
+  NavigationStackScreenComponent,
+} from 'react-navigation-stack';
+
+const ListScreen: NavigationStackScreenComponent = function(props) {
+  return (
+    <View
+      style={{
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'white',
+      }}
+    >
+      <Text>List Screen</Text>
+      <Text>A list may go here</Text>
+      <Button
+        title="Open Dialog"
+        onPress={() => props.navigation.navigate('ModalDialog')}
+      />
+      <Button
+        title="Go back to all examples"
+        onPress={() => props.navigation.navigate('Index')}
+      />
+    </View>
+  );
+};
+
+const ModalDialogScreen: NavigationStackScreenComponent = function(props) {
+  return (
+    <View
+      style={{
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
+      }}
+    >
+      <View
+        style={{
+          backgroundColor: 'white',
+          padding: 16,
+          width: '90%',
+          maxWidth: 500,
+          minHeight: 300,
+          borderRadius: 6,
+          elevation: 6,
+          shadowColor: 'black',
+          shadowOpacity: 0.15,
+          shadowOffset: { width: 0, height: 2 },
+          shadowRadius: 10,
+        }}
+      >
+        <Text style={{ flex: 1, fontSize: 16 }}>Dialog</Text>
+        <Button title="Close" onPress={() => props.navigation.goBack()} />
+      </View>
+    </View>
+  );
+};
+
+export default createStackNavigator(
+  {
+    List: ListScreen,
+    ModalDialog: ModalDialogScreen,
+  },
+  {
+    initialRouteName: 'List',
+    mode: 'modal',
+    headerMode: 'none',
+    defaultNavigationOptions: {
+      cardStyle: { backgroundColor: 'transparent' },
+      gestureEnabled: false,
+      cardStyleInterpolator: ({ current: { progress } }) => {
+        const opacity = progress.interpolate({
+          inputRange: [0, 0.5, 0.9, 1],
+          outputRange: [0, 0.25, 0.7, 1],
+        });
+
+        return {
+          cardStyle: {
+            opacity,
+          },
+        };
+      },
+    },
+  }
+);