В этой статье я объясню, как реализовать функцию входа в Firebase.
Первое, что нам нужно сделать, это установить пакет под названием React-Navigation, который позволит нам переходить к различным разделам наших приложений, которые будут представлены файлами компонентов. Чтобы установить реакцию-навигацию, используйте команду ниже.
npm install @react-navigation/native
Нам также потребуется установить некоторые зависимости, от которых зависят различные навигаторы реакции-навигации, запустите приведенную ниже команду в терминале вашей IDE с открытым проектом.
npm install react-native-screens react-native-safe-area-context
Поскольку это руководство предназначено только для iOS, нам нужно беспокоиться только об установке файлов модулей, а не о дополнительных изменениях, необходимых для Android, чтобы гарантировать работу реагирующих нативных экранов, поэтому для установки модулей выполните приведенную ниже команду.
npx pod-install ios
Теперь нам нужно обернуть наше приложение в компонент NavigationContainer, обычно это делается во входном файле приложения, то есть App.tsx.
Теперь нам нужно установить пакет «react-navigation/native-stack».
npm install @react-navigation/native-stack
Этот пакет содержит компонент под названием «createNativeStackNavigator», который является базовой точкой для создания собственного навигатора стека. Навигатор стека предоставляет метод, позволяющий вашему приложению перемещаться между экранами, при этом каждый новый экран помещается поверх стека. Для краткости существует «реагировать-навигация/родной-стек» и «реагировать-навигация/стек», разница в том, что «стек» предлагает больше возможностей с точки зрения настройки, однако могут возникнуть заметные проблемы с производительностью, если вы видите это тогда лучше всего использовать собственный стек, однако для нашего проекта аспект производительности не должен быть проблемой.
Теперь нам нужно будет реализовать собственный навигатор стека. Это даст нам два объекта для игры с их собственными свойствами: «экран» и «навигатор».
Чтобы начать использовать собственный навигатор стека, нам нужно импортировать его в «App.tsx», используя команду ниже.
