InsideStack compiling

app/split.js

@@ -3,7 +3,7 @@ import hoistNonReactStatics from 'hoist-non-react-statics';
 
 import { isTablet } from './utils/deviceInfo';
 
-export const SplitContext = React.createContext(null);
+export const SplitContext = React.createContext({ split: false });
 
 export function withSplit(Component) {
 	if (isTablet) {

app/stacks/InsideStack.js

@@ -63,7 +63,7 @@ const ChatsStack = () => {
 				component={RoomsListView}
 				options={RoomsListView.navigationOptions}
 			/>
-			<Chats.Screen
+			{/* <Chats.Screen
 				name='RoomActionsView'
 				component={RoomActionsView}
 				options={RoomActionsView.navigationOptions}
@@ -142,7 +142,7 @@ const ChatsStack = () => {
 				name='ReadReceiptsView'
 				component={ReadReceiptsView}
 				options={ReadReceiptsView.navigationOptions}
-			/>
+			/> */}
 		</Chats.Navigator>
 	);
 };

app/views/RoomsListView/index.js

@@ -101,51 +101,6 @@ const getItemLayout = (data, index) => ({
 const keyExtractor = item => item.rid;
 
 class RoomsListView extends React.Component {
-	static navigationOptions = ({ navigation, screenProps }) => {
-		const searching = navigation.getParam('searching');
-		const cancelSearch = navigation.getParam('cancelSearch', () => {});
-		const initSearching = navigation.getParam(
-			'initSearching',
-			() => {}
-		);
-
-		return {
-			...themedHeader(screenProps.theme),
-			headerLeft: searching && isAndroid ? (
-				<CustomHeaderButtons left>
-					<Item
-						title='cancel'
-						iconName='cross'
-						onPress={cancelSearch}
-					/>
-				</CustomHeaderButtons>
-			) : (
-				<DrawerButton
-					navigation={navigation}
-					testID='rooms-list-view-sidebar'
-				/>
-			),
-			headerTitle: <RoomsListHeaderView />,
-			headerRight: searching && isAndroid ? null : (
-				<CustomHeaderButtons>
-					{isAndroid ? (
-						<Item
-							title='search'
-							iconName='magnifier'
-							onPress={initSearching}
-						/>
-					) : null}
-					<Item
-						title='new'
-						iconName='edit-rounded'
-						onPress={() => navigation.navigate('NewMessageView')}
-						testID='rooms-list-view-create-channel'
-					/>
-				</CustomHeaderButtons>
-			)
-		};
-	};
-
 	static propTypes = {
 		navigation: PropTypes.object,
 		user: PropTypes.shape({
@@ -896,4 +851,49 @@ const mapDispatchToProps = dispatch => ({
 	closeServerDropdown: () => dispatch(closeServerDropdownAction())
 });
 
+RoomsListView.navigationOptions = ({ route, navigation }) => {
+	const searching = route.params?.searching;
+	const cancelSearch = route.params?.cancelSearch ?? (() => {});
+	const onPressItem = route.params?.onPressItem ?? (() => {});
+	const initSearching = route.params?.initSearching ?? (() => {});
+
+	return {
+		headerLeft: () => (searching && isAndroid ? (
+			<CustomHeaderButtons left>
+				<Item
+					title='cancel'
+					iconName='cross'
+					onPress={cancelSearch}
+				/>
+			</CustomHeaderButtons>
+		) : (
+			<DrawerButton
+				navigation={navigation}
+				testID='rooms-list-view-sidebar'
+			/>
+		)),
+		headerTitle: () => <RoomsListHeaderView />,
+		headerRight: () => (searching && isAndroid ? null : (
+			<CustomHeaderButtons>
+				{isAndroid ? (
+					<Item
+						title='search'
+						iconName='magnifier'
+						onPress={initSearching}
+					/>
+				) : null}
+				<Item
+					title='new'
+					iconName='edit-rounded'
+					onPress={() => navigation.navigate('NewMessageStack', {
+						screen: 'NewMessageView',
+						params: { onPressItem }
+					})}
+					testID='rooms-list-view-create-channel'
+				/>
+			</CustomHeaderButtons>
+		))
+	};
+};
+
 export default connect(mapStateToProps, mapDispatchToProps)(withTheme(withSplit(RoomsListView)));