06.07. React Navigation: Drawer Navigation

Soldan sağa doğru açılan gizli bir kısımda menülerinizi saklar. Bu bölümde basit bir “createDrawerNavigator” örneği yapacağız.

Tab Navigation bölümüne AppDrawer.js isminde bir dosya yaratıp, aşağıdaki kodları yazdım. Index.js bölümünden ilk çalışacak dosyayı ayarlayarak istediğiniz örneği çalıştırabilirsiniz.

Bu örneğinde Tab örneğine çok benzediği görülmektedir. Bu örnekte internetten bulduğum ikonları projeye ekledim. Drawer bölümünde ikonları görebilirsiniz.

Eğer bu gizli menüyü kod ile açmak veya kapamak isteseniz aşağıdaki kodları kullanabilirsiniz.

Toogle özelliği ile açığı kapalı, kapalıyı açık yapabilirsiniz.

Drawer’ın açık mı kapalı mı olduğunu öğrenmek için:

Çok basit örneklerle navigation konusu işledik. Daha fazla bilgi için React Navigation sitesini ziyaret edebilirsiniz.