# 04. Projenize Navigation Graph Eklemek

**Navigation Graph (Navigasyon Grafiği)**'ın Navigation Komponenti ve Jetpack ile birlikte gelen yeni bir kaynak (resources) türü olduğunu, en güzel özelliklerinden birinin de görselleştirilebilir olması olduğunu daha önce belirtmiştik.

Android'teki layout XML dosyalarındaki **Design(Dizayn)/Text(Metin)** alanları gibi **Navigation Graph**'ta hem **Navigation Editor** denilen dizayn editörü ile hem de **XML** üzerinden kullanılabiliyor. Kullanımı için hangisi kolayınıza geliyorsa istediğinizi tercih edebilirsiniz.

O halde şimdi **Navigation** bileşeninin **3 ana** bölümünden birincisi olan **Navigation Graph**'ı adım adım oluşturmaya başlayalım.

**Adım-1:** Proje penceresinde "**res**" dizininin üzerinde sağ tıklatın ve "**New > Android Resource File**" ı seçin. **New Resource File dialog** penceresi açılacak.

![Navigation Graph Adım 1](https://2300662549-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9we-f91sgtHSNx_N3%2F-M-AGNThQ6QSOzXh0GYg%2F-M-AJUtbiawkZx5d2iHr%2F007.png?alt=media\&token=bb7e2001-9969-49e9-802b-c786ce7cc0a4)

**Adım-2:** Dosya adı alanına "**nav\_graph**" gibi bir isim verin.

**Adım-3:** **Resource type drop-down list**'inden "**Navigation**" ı seçerek **OK** butonuna tıklayın.

![Navigation Graph Adım 2-3](https://2300662549-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9we-f91sgtHSNx_N3%2F-M-AGNThQ6QSOzXh0GYg%2F-M-AJtomGkCVYhAGO7OH%2F008.png?alt=media\&token=1701472d-abe5-4a51-9f98-9539a6121e32)

Bu adım tamamlandığın “**res**” altında “**navigation**“ **klasörü** altında “**nav\_graph.xml**” dosyası oluşacaktır.

**nav\_graph.xml** isimli **Navigation Graph** dosyamızı oluşturduk ama bu dosyanın **dizayn sekmesi**ne geçtiğinizde sol kısımdaki **HOST** bölümünde aşağıda olduğu gibi "**No NavHostFragment found**" uyarısı ile karşılaşacaksınız.

!["No NavHostFragment found" uyarısı](https://2300662549-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-9we-f91sgtHSNx_N3%2F-M-AO28DWTC7Mx4-9WQr%2F-M-AOvbYE7zAF0VEaNny%2F009.png?alt=media\&token=cc5278b8-5845-4cee-a6ab-bf5d9861414b)

Bunu eklemek için bir sonraki derse devam edelim..