SwiftUI TextEditor konusunu anlattığım videomun blog olarak anlatımını göreceksiniz bu yazıda. SwiftUI TextEditor ile kullanıcıdan çok satırlı veri alımı yapabilmekteyiz. Apple‘ın kendi sitesinde bunu “A view that can display and edit long-form text.” olarak belirtmiş. Yani diyor ki uzun metinler almamızı sağlayan bir görünüm. SwiftUI’da çoğu element view olarak geçmektedir. TextField ise bunlardan sadece biri.
Tam 32 video. Dile kolay 32 videodur sizlere YouTube aracılığı ile SwiftUI anlatıyorum. İster istemez insan YouTube’a alışıyor.
TextEditor oluşturmak için ilk önce View içerisinde adı ile çağırmamız gerekiyor.
TextEditor(text: Binding<String>)
Adı ile çağırdığımızda bizden bir string bekliyor. Ancak değiştirilebilir bir yapıda olması gerek. Bunu başındaki “Binding” anahtar kelimesinden anlıyoruz. Dolayısıyla hemen View çerçevesinin dışına çıkıp bir tane String değişken tanımlıyoruz. Bunu da State ile işaretliyoruz.
@State var textEditorText: String = "Başlangıç değeri"
Bununla birlikte artık TextEditor’e yazılan değerler bir değişken üzerinde tutulabilir hale gelecek. O değişkenin adı da textEditorText olmuş oldu.
Şimdi TextEditor’ü çağırdığımız yerde değişikliğimizi yapabiliriz.
TextEditor(text: $textEditorText)
TextEditor’ün beklediği değişkeni başına “$” sembolü koyarak ekledik. Artık editörde ne yazarsak yazalım textEditorText değişkeni ile ulaşabileceğiz.
İkinci kısımda ise bu yazıyı bir yerde gösterebiliriz. Ayrıca bir buton yardımı ile güncelleme işlemi de yapabiliriz. Hatta direkt olarak textEditorText’i bir Text’te de gösterebiliriz. Çünkü State ile anlık olarak dinleniyor ve değer değiştiğinde değişkenin çağırıldığı View komponentleri de güncelleniyor.
Text(textEditorText)
Yazdığımızda TextEditor içine yazdığımız her değer otomatik olarak ekranda güncellenecektir.
Projenin GitHub linki: TIKLA