placeholder

placeholder ve keyboardType öğrenirsin.

placeholder

placeholder, TextInput boşken kullanıcıya ne yazabileceğini gösteren ipucu metnidir. placeholder="Adınız" yazımıyla eklenir. Kullanıcı yazmaya başlayınca ipucu kaybolur.

Bu, gerçek değer value ile karıştırılmamalı; placeholder yalnızca boşken görünür ve state'e yazılmaz. Kısa ve açık ipuçları yaz: "E-posta", "Telefon", "Ad Soyad". Uzun açıklamaları placeholder'a koyma; kullanıcı yardımı için ayrı bir Text bileşeni kullan.

placeholderTextColor

placeholder varsayılan olarak soluk gri görünür. Rengini değiştirmek için placeholderTextColor prop'unu kullan: <TextInput placeholder="Adınız" placeholderTextColor="tomato" />.

Tasarımında ipucu rengini vurgulamak veya arka plandan ayırt etmek istediğinde bu prop işe yarar. Değer bir renk adı (gray, tomato) ya da onaltılık kod (#999) olabilir. Kullanıcı yazmaya başlayınca value yine varsayılan metin rengiyle gösterilir.

Uygulama placeholder içeren TextInput

TextInput'u react-native'den içe aktar. Bir <TextInput> ekle; placeholder prop'u "Kullanıcı adı" olsun ve placeholderTextColor prop'u "gray" olsun.

Örnek çözümü göster

import { TextInput, View } from "react-native";

function App() {
  return (
    <View>
      <TextInput placeholder="Kullanıcı adı" placeholderTextColor="gray" />
    </View>
  );
}

Kendini test et

placeholder yazımı

<TextInput ____="E-posta" />

Cevabı göster

<TextInput placeholder="E-posta" />

placeholder ne işe yarar?
```
<TextInput placeholder="E-posta" />
```
- Gerçek değer tutar
- Boşken ipucu gösterir
- Klavyeyi açar
- Metin rengini belirler
Cevabı göster

Boşken ipucu gösterir — placeholder alan boşken kısa ipucu gösterir.
placeholder özelliklerini eşle

placeholder

Boşken ipucu
placeholderTextColor

İpucu rengi
value

Gerçek değer
Kullanıcı yazınca

İpucu kaybolur

Sıradaki ders: Secure text

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler