React Native'de Navigation Yapma

React Native'de navigation, uygulamanızın ekranlar arasında geçiş yapmasına olanak tanır. En yaygın kullanılan kütüphanelerden biri React Navigation'dır. Aşağıda temel adımları bulabilirsiniz.

Kurulum

• React Navigation kütüphanesini kurun:

npm install @react-navigation/native

• Gerekli bağımlılıkları ekleyin:

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

Navigator Oluşturma

• Temel bir navigator oluşturmak için aşağıdaki örneği kullanabilirsiniz:

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function App() {
return (






);
}

Ekranlar Arası Geçiş

• Geçiş yapmak için navigation prop'unu kullanabilirsiniz:

navigation.navigate('Ayrıntılar');?>

Önemli Notlar

• React Native proje dizininde gerekli ayarlamaları yaptığına emin olun.
• İlgili ekran bileşenlerinizi tanımlayın.

Bu adımları takip ederek React Native uygulamanızda kolayca navigation yapabilirsiniz.