React Native |Textinput Kullanımı ve Temel Özellikler

Mobil uygulama geliştirirken kullacağımız textinput bileşeni basit gibi gözüksede.Aslıdna bir çok gelişmiş özellik barındırır.Şimdi React Native’de textinput tasarımı nasıl yapılır bunu görelim.

İlk olarak tanımlamaları yapalım:

ilk özelliğimiz placeholder yani textinput’un içinde ki hayalet değerimiz.Son kullanıcıya yardımcı olmak maksadı ile ne girmesini gerektiğini bildiren metin .

Ardından style kodlarını yazılım:

autoCapitalize (Klavye Üzerinde Klavye Küçük Ayarı)

Kullancı textinput ve objeme tıkladığında açılan klavyede kendine göre büyük küçük harf ayarını yani ki yapabilir.Ancak biz istersek bu ayarları kendimiz de kullanıcıyı yormadan yapabiliriz.

Örnek vermek gerekirse klavye açılmadan büyük harf etkin mi olsun yoksa hepsi küçük harf mi olsun yoksa sadece ilk harf mi büyük olsun bunların hepsine developer karar verebilmekte:

  • characters: bütün karakterler.
  • words: her kelimenin ilk harfi.
  • sentences: her cümlenin ilk harfi ( varsayılan ).
  • none: hiçbir şeyi otomatik olarak büyük harf yapmayın.

Default Value

Kontrollü kullanılması şartı ile bu özellikten faydalanabiliriz.Varsayılan olarak istediğimiz bir değer ekleyebilirim.keyboardType#

keyboardType( Varsayılan Klavye Seçeneği)

Örneğin bir uygulama yaptıysak ve şifre girmemiz alan sadece numaralardan oluşmak zorunda ise burada kullanıcı başka bir veri girmeye kalmasın diye mesela sadece numpad açabilirim:

Aşağıdaki değerler platformlar arasında çalışır:

  • default
  • number-pad
  • decimal-pad
  • numeric
  • email-address
  • phone-pad
maxLength (Karakter Uzunluğu)

Güvenlik amaçlı mutlaka bunu alacağınız verinin uzunluğu kesinlikle belli ise bunu kullanarak kullanıcının input üzerine Max ne kadar uzunlukta veri girebileceğini ayarlaybilirim.
secureTextEntry (password koruması)

Gİrilen veri şifre olabilir ve onu şifre formatında gizli bir şekilde gösterebiliriz:

Daha bir çok özelliğe React sitesinde bulabilirsiniz.Fonksyion ve mehtodlarıda mevcut onu başka bir bölümde göstereceğim.

Kodunuza taş değmesin .

Leave a Reply

*