Nativebase i var olan bir proje üzerine expo ve npm şeklinde kuracağım. Dokümantasyonu takip ederek gerekli kurulumlar yapıldıktan sonra formumuzu daha iyi hale getirmeye çalışacağız. native-base i import edip ihtiyacımıza göre veya kullanmak istediğimiz elemanları Box, FormControl, Input, Button vs. import ediyoruz. Bunları kullanarak formumuzu daha efektif ve güzel hale getirmiş oluyoruz. Button kısmında isLoading={isSubmitting} […]
Formik Kütüphanesi Diğer Özellikleri
Formik kütüphanesinin diğer özelliklerini inceleyecek olursak submit durumunda inputlara tıklayamama ve submit edildikten sonra submit butonunun disabled yapılması ve belirli bir süre beklemeyi (loading) inceleyebiliriz. Bunun için Formik içinde isSubmitting kullanılır. Submit yapıldığında bekleme için de aşağıdaki gibi bir kod kullanılabilir. Formu doldurduk ve input alanlarının resetlenmisini istiyorsak onSubmit içinde bag parametresi kullanılır. Bag parametresinin […]
Manuel Form Yönetimi
React Native de form yönetimini manuel veya formik kütüphanesi ile yapabiliriz. Öncelikle manuel olarak örnek bir form oluşturup bunu görünteleyecek şekilde kodumuzu oluşturduk. Username, email, password ve passwordconfirm alanlarını oluşturduk ilk başta bu alanları boş şekilde belirledik. Daha sonra form üzerinden bunları kontrol edecek şekilde validasyon oluşturduk. Değişiklikleri tutacak şekilde handleChange içinde text parametresi ve girilen […]