Global bir state tanımı oluşturup bunu herhangi bir component üzerinde kullanıp veya bunun değerini değiştirmekle ilgili çalışmalar yapacağız. Aşağıdaki şekilde de kullanılabilir.
Nativebase UI Kit
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 […]
Form Validasyonları
Validasyon işlemlerini yup kütüphanesi ile yapmayaca çalışacağız. Yup kütüphanesi react native e özgü bir kütüphane değil, herhangi bir JavaScript projesinde de kullanılabilmektedir. terminale npm i yup yazarak kütüphanemizi kuruyoruz. yarn kullanıyorsanız npm yerine yarn yazmanız gerekmektedir. Validation tanımlamalarında passwordconfirm alanında password ile aynı olması için oneOf tanımını kullanırız. oneOf a bir array verilir. Array içine […]
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 […]