Блог

Запустите собственный проект React (здесь я использую версию 0.64.1), установите предлагаемые зависимости для использования навигации React (здесь я использую версию 5.9.4) (источник https://reactnavigation.org/docs/getting — начал)

 npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
 

Как только это будет сделано, установите зависимость ящика и воспроизведите пример навигации по ящику на https://reactnavigation.org/docs/drawer-based-navigation.

 npm install @react-navigation/drawer

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

function HomeScreen({ navigation }) {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button
        onPress={() => navigation.navigate('Notifications')}
        title="Go to notifications"
      />
    </View>
  );
}

function NotificationsScreen({ navigation }) {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button onPress={() => navigation.goBack()} title="Go back home" />
    </View>
  );
}

const Drawer = createDrawerNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator initialRouteName="Home">
        <Drawer.Screen name="Home" component={HomeScreen} />
        <Drawer.Screen name="Notifications" component={NotificationsScreen} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}
 

Здесь это работает идеально, НО я всегда получаю следующее ПРЕДУПРЕЖДЕНИЕ: «Если вы хотите использовать Reanimated 2, выполните наши шаги по установке».

Ну, как вы можете видеть в этом примере, я не использую Reanimated 2, самое большее, я устанавливаю react-native-reanimated, как указано в документации.

Так к чему такая тревога? Все работает нормально, но раздражает получать предупреждение и не знать почему. С вами тоже такое случается? Вы заметили это?

«Ящик теперь использует реанимированный 2, если он доступен» вам необходимо установить: https://docs.swmansion.com/react-native-reanimated/docs/installation