expo/snack

The `useLegacyImplementation` prop is not available with Reanimated 3 as it no longer includes support for Reanimated 1 legacy API. Remove the `useLegacyImplementation` prop from `Drawer.Navigator` to be able to use it.

patel-harshal opened this issue · 0 comments

Summary

expo version 49 or 50 not support drawer navigation in snack expo.

What platform(s) does this occur on?

Android, Web

SDK Version

49 or 50

Reproducible demo or steps to reproduce from a blank project

import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';

function Feed() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
Feed Screen

);
}

function Article() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
Article Screen

);
}

const Drawer = createDrawerNavigator();

function MyDrawer() {
return (
<Drawer.Navigator useLegacyImplementation>
<Drawer.Screen name="Feed" component={Feed} />
<Drawer.Screen name="Article" component={Article} />
</Drawer.Navigator>
);
}

export default function App() {
return (



);
}