Text Input Elementi Özellikleri

Text Input elementi için value, placeholder ve formatter gibi farklı ayarları ihtiyacınıza göre kullanabilirsiniz. Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.

Value (Değer): Value alanına statik bir değer ekleyebileceğiniz gibi Symbol Picker aracılığıyla bir durumu, Input element içeriğini veya bir aksiyon sonucuna ait bir değerin dinamik olarak gelmesini sağlayabilirsiniz.

Placeholder: İçeriğine bir değer girilene kadar gösterilecek yer tutucu metindir. Placeholder alanına statik bir değer ekleyebileceğiniz gibi Symbol Picker aracılığıyla bir durumu, Input element içeriğini veya bir aksiyon sonucuna ait bir değerin dinamik olarak gelmesini sağlayabilirsiniz.

Max Lenght: İçeriğinde gösterilecek veya giriş yapılacak değer uzunluğunu ayarlayabilirsiniz.

Allow Clear: Veri giriş yapıldığında elementin sağ kenar içine, girilen değerleri tek tıklama ile silmenize yarayan bir Delete(X) ikonu eklenebilir.

Mask: Mask özelliği, Text Input elementi için girilen verilerin belirli bir formatta (örneğin, tarih bilgisini "DD/MM/YYYY" şeklinde) maskelenmesini sağlar.

Formatter: Uygulama geliştirme sürecinde Formatter (biçimleyici), verilerin belirli bir formata veya düzenlemeye getirilmesini sağlayan bir Property’dir. Formatter'lar, genellikle metin, sayılar, tarih ve saat gibi veri türlerini düzenler ve belirli bir görünüm veya format elde etmek için kullanılırlar.

TextInput elementi seçili iken Properties paneli içerisinde Formatter açılır pencere ile gelmektedir.

Açılır pencere içerisinde Lowercase, Uppercase property’leri ile birlikte gelmektedir.

  • Lowercase: TextInput içerisinde harflerin küçük harflerle yazılmasını sağlar.
  • Uppercase: TextInput içerisinde harflerin büyük harflerle yazılmasını sağlar.

Büyük, Küçük, cümle tipi gibi seçenekler ile girilen içeriğin yazım tipini ayarlayabilirsiniz.

Char Only: Sayısal değer girmeyi engelleyebilirsiniz. Böylece, giriş için sadece harfler mevcut olacaktır.

Allowed Chars: Giriş yapılabilecek ve izin verilen karakterleri burada belirtebilirsiniz. Böylece bu bölümde eklenen karakterler dışında herhangi bir karakter yazımı mümkün olmayacaktır.

Auto Complete: Text Input elementine bir metin girişi sağlarken otomatik olarak gösterilen öneri listesidir. Yazılan metne uygun öneriler oluşturur ve bir açılır liste olarak gösterir. Öneriler genellikle yazdığınız metinle eşleşen kelimeler veya ifadelerden oluşur. (Örneğin, bir şehir adı araması yapıyorsanız ve “İ” yazdığınızda “İzmir”, “İstanbul” gibi şehir adlarını görebilirsiniz.)