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 […]
Formik ile Form Yönetimi
Formik kütüphanesini kullanarak çok daha temiz bir component oluşturmuş olduk. Herhangi bir state, handleChange, handleSubmit tanımları kullanmayarak daha temiz bir kod oluşturulmuş oldu. Tamamını Formik kütüphanesi içerisinde gerçekleştirebildik. Tabi bu yapıyı da daha iyi duruma getirmenin yöntemleri bulunmaktadır. Yukarıdaki gibi veya aşağıdaki gibi kullanılabilir. Formik tanımını return içerisinde yazmak istemiyorsak formik altından bize useFormik isminde […]
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 […]