1import { createStackNavigator } from '@react-navigation/stack';
2import * as React from 'react';
3
4import { BranchesScreen } from './BranchesScreen';
5import { ExtensionsScreen } from './ExtensionsScreen';
6import { UpdatesScreen } from './UpdatesScreen';
7
8export type ExtensionsStackParamList = {
9  Extensions: undefined;
10  Branches: undefined;
11  Updates: {
12    branchName: string;
13  };
14};
15
16const Extensions = createStackNavigator<ExtensionsStackParamList>();
17
18export function ExtensionsStack() {
19  return (
20    <Extensions.Navigator
21      screenOptions={{ headerMode: 'float', gestureEnabled: false }}
22      detachInactiveScreens={false}>
23      <Extensions.Screen
24        name="Extensions"
25        component={ExtensionsScreen}
26        options={{ headerShown: false }}
27      />
28      <Extensions.Screen
29        name="Branches"
30        options={{ headerTitle: 'EAS Update' }}
31        component={BranchesScreen}
32      />
33      <Extensions.Screen
34        name="Updates"
35        options={{ headerTitle: 'Branch' }}
36        component={UpdatesScreen}
37      />
38    </Extensions.Navigator>
39  );
40}
41