Merge pull request #221 from luke-h1/@luke-h1/fix/lock-orientation

fix(app): lock orientation on certain screens

Author: luke-h1

src/navigators/DevToolsStackNavigator.tsx

@@ -25,20 +25,23 @@ export function DevToolsStackNavigator() {
         component={DiagnosticsScreen}
         options={{
           headerShown: false,
+          orientation: 'portrait_up',
         }}
       />
       <Stack.Screen
         name="NewRelicDemo"
         component={NewRelicDemoScreen}
         options={{
           headerShown: false,
+          orientation: 'portrait_up',
         }}
       />
       <Stack.Screen
         name="Debug"
         component={DebugScreen}
         options={{
           headerShown: false,
+          orientation: 'portrait_up',
         }}
       />
     </Stack.Navigator>

src/navigators/OtherStackNavigator.tsx

@@ -20,17 +20,17 @@ export function OtherStackNavigator() {
       <Stack.Screen
         name="About"
         component={AboutScreen}
-        options={{ headerShown: false }}
+        options={{ headerShown: false, orientation: 'portrait_up' }}
       />
       <Stack.Screen
         name="Changelog"
         component={ChangelogScreen}
-        options={{ headerShown: false }}
+        options={{ headerShown: false, orientation: 'portrait_up' }}
       />
       <Stack.Screen
         name="Faq"
         component={FaqScreen}
-        options={{ headerShown: false }}
+        options={{ headerShown: false, orientation: 'portrait_up' }}
       />
     </Stack.Navigator>
   );

src/navigators/PreferenceStackNavigator.tsx

@@ -26,22 +26,22 @@ export function PreferenceStackNavigator() {
       <Stack.Screen
         name="Chat"
         component={ChatPreferenceScreen}
-        options={{ headerShown: false }}
+        options={{ headerShown: false, orientation: 'portrait_up' }}
       />
       <Stack.Screen
         name="Theming"
         component={ThemePreferenceScreen}
-        options={{ headerShown: false }}
+        options={{ headerShown: false, orientation: 'portrait_up' }}
       />
       <Stack.Screen
         name="Video"
         component={VideoPreferenceScreen}
-        options={{ headerShown: false }}
+        options={{ headerShown: false, orientation: 'portrait_up' }}
       />
       <Stack.Screen
         name="BlockedUsers"
         component={BlockedUsersScreen}
-        options={{ headerShown: false }}
+        options={{ headerShown: false, orientation: 'portrait_up' }}
       />
     </Stack.Navigator>
   );

src/navigators/StreamStackNavigator.tsx

@@ -27,6 +27,7 @@ export function StreamStackNavigator() {
         component={StreamerProfileScreen}
         options={{
           headerShown: false,
+          orientation: 'portrait_up',
         }}
       />
     </Stack.Navigator>

src/navigators/TopStackNavigator.tsx

@@ -17,9 +17,27 @@ export type TopStackScreenProps<T extends keyof TopStackParamList> =
 export function TopStackNavigator() {
   return (
     <Stack.Navigator initialRouteName="Top">
-      <Stack.Screen name="Top" component={TopScreen} />
-      <Stack.Screen name="TopCategories" component={TopCategoriesScreen} />
-      <Stack.Screen name="TopStreams" component={TopStreamsScreen} />
+      <Stack.Screen
+        name="Top"
+        component={TopScreen}
+        options={{
+          orientation: 'portrait_up',
+        }}
+      />
+      <Stack.Screen
+        name="TopCategories"
+        component={TopCategoriesScreen}
+        options={{
+          orientation: 'portrait_up',
+        }}
+      />
+      <Stack.Screen
+        name="TopStreams"
+        component={TopStreamsScreen}
+        options={{
+          orientation: 'portrait_up',
+        }}
+      />
     </Stack.Navigator>
   );
 }