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} […]

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 […]

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 […]

Aramak istediğinizi üstte yazmaya başlayın ve aramak için enter tuşuna basın. İptal için ESC tuşuna basın.