Her bir React-Native çekirdek bileşenini gözden geçireceğim, ne oldukları hakkında biraz konuşacağım ve sonra onları nasıl kullandığım hakkında biraz konuşacağım.
Bunun React Native'de yeni olanlar için harika olacağını düşünüyorum ama daha deneyimli olanlar için de faydalı olacağını düşünüyorum, biraz tazeleme olabilir ve belki daha fazlasını öğrenirsiniz. düzenli olarak kullanmadığınız bazı bileşenler hakkında.
Öyleyse, tüm arayüzlerinizin temel yapı taşı olan tüm React Native bileşenlerinin kralı ile başlayalım.
Görünüm bileşeni, kullandığınız platform hangisi olursa olsun, doğrudan yerel görünüme eşlenir. Doğrudan kullanabilir veya üzerine kendi özel görünümlerinizi oluşturabilirsiniz. Web geliştirmeye aşina iseniz, bu React Native mobil dünyasının div'idir.
Bir sonraki bileşen şudur:
Metin bileşeni aynı zamanda temel bir bileşendir ve uygulamanızda herhangi bir metin türünü görüntülemek istediğiniz zaman kullanırsınız. Bu nedenle, bir Görünüm bileşeninde metin görüntüleyemezsiniz, bir görünümün içindeki metinde bir metin bileşeninde olması gerekir.
Bunu doğrudan kullanabilir veya metnin etrafında kendi tür sarmalayıcı bileşeninizi oluşturabilirsiniz ve genellikle benim yaptığım budur. Uygulamam için tüm metnin eşleşmesini istediğim belirli stilleri olan genel bir ana metin bileşenim var ve kullandığım şey bu.
Metin Girişi bileşeni, kullanıcıların uygulamanıza metin girme şeklidir ve otomatik düzeltme, yer tutucu metin vb. gibi birçok harika özellikle birlikte gelir. Metin giriş değeri her zaman bir dizedir.
Bu nedenle, kullanıcıdan sayılar almanız gerekiyorsa, bu sayıyı dizeden ayrıştırmanız gerekir.
Web için derleme yapıyorsanız, ekrandan daha uzun tüm içeriğe kaydırma otomatik olarak uygulanır, ancak bu mobil cihazlarda geçerli değildir. Bu nedenle, Kaydırma Görünümü kullanmazsanız ve ekranın dışına uzanan bir görünümünüz varsa, ekranın bu uzantısına hiçbir şekilde erişilemez. Kaydırma Görünümü çok özelleştirilebilir, ancak içindeki her şeyi bir kerede işler.
Bu nedenle, Kaydırma Görünümünüzde çok büyük bir öğe listeniz varsa, performans sorunlarıyla karşılaşacaksınız ve o zaman Düz Liste kullanmak istiyorsunuz.
Düz Liste çok özelleştirilebilir. Verileri iletirsiniz ve ardından listedeki her bir öğenin nasıl görüneceğini ve etkileşime gireceğini tanımlarsınız: bileşenler, üstbilgiler ve altbilgiler için destekleriniz vardır; veya bir bileşene listenin boş olduğunu gösterebilirsiniz. Düz Liste, veri desteğiniz her değiştiğinde otomatik olarak güncellenir.
Bu sığ bir kalite kontrolü. Daire Listenizi güncellemek için başka bir yola ihtiyacınız varsa, ekstra veri adı verilen bir pervane vardır ve bu pervane her değiştiğinde, Daire Listenizi de günceller. Düz Liste çoğu kullanım durumu için iyidir, ancak daha iyi performansa ihtiyacınız varsa, “Flipkart”tan geri dönüşümcü listesi görünümüne bakın.
Ayrıca düz listeye çok benzeyen bir bölüm listeniz var. Ancak daha sonra veri listeniz bölümler halinde düzenlenir ve her bölümün bir bölüm başlığı olabilir. Buna iyi bir örnek, büyük bir isim listesine sahip olduğunuz, ancak daha sonra onu alfabetik sıraya göre ayırdığınız bir kişi listesidir. Böylece, bir "a" bölümü ve ardından bunları bir arada gruplamak için a harfi gibi bir "a" bölüm başlığına sahip olacaksınız.
Temelde sadece bir yükleme göstergesi animasyonu görüntüleyen aktivite göstergesi var. Çok sınırlı. Onu yalnızca küçük veya büyük iki boyuta ve ardından renge göre gerçekten özelleştirebilirsiniz.
Görüntü bileşeni bir görüntüyü göstermek içindir.
Görüntü arka planı, arka plan görüntüsünün tamamını görüntülemeyi bilmenin yalnızca temel bir yoludur. Web'de çalıştıysanız, arka plan resimlerine aşina olduğunuzdan eminim.
Daha önce mobil için geliştirme yapmadıysanız, bu zor olabilir. Telefonda klavye açıldığında geniş bir yüzey alanı kaplıyor. Bu nedenle, girişin hala görünür olması için görünümünüzü ayarlamanız gerekir.
Bu işlevsellik zaten Android'de yerleşiktir, ancak iOS'ta böyle bir şey yoktur. Kendin halletmelisin. Mesele şu ki, bu klavyeden kaçınan görünüm listelerle iyi çalışmıyor. Listeler için açık kaynaklı bir kitaplık kullanmanız veya kendi klavyeden kaçınma görünümünüzü uygulamanız gerekecek.
React Native ile gönderilen mod bileşeni oldukça basit bir bileşendir. Sonunda kullanacağınızdan şüpheliyim çünkü muhtemelen seçtiğiniz navigasyon kitaplığında pişirilen her türlü modeli kullanacaksınız.
Bu nedenle, eğer bilmiyorsanız, React-Native bir gezinme kitaplığı ile gelmiyor - bir tane seçmelisiniz. Biraz farklı bir şeye ihtiyacınız varsa, açık kaynaklı mod kitaplıkları da vardır.
Yenileme denetimi, yenilenecek bir havuza sahip olabilmeniz için kaydırma görünümü veya liste içinde kullanılır.
Güvenli alan görünümü, iOS'ta kamera çentiği veya yuvarlatılmış köşeler gibi şeyler için görünümlerinizin etrafına ekstra dolgu ekler. Bunun için üst düzey görünümünüzü içine sarmanız yeterlidir.
Durum çubuğu, Uygulamanızdaki durum çubuğunu kontrol eder.
Sadece temel boole anahtarı bileşeniniz. Bence, tipik olarak, bunun üzerine kendi anahtarınızı oluşturacaksınız; işte bu yaptığım şey. Veya bir tür UI kitaplığı kullanıyorsanız, hepsinin içinde bir tür özelleştirilebilir anahtar bileşeni olacaktır.
O halde şundan bahsedelim:
“Dokunulabilir vurgu” , kullanıcı dokunuşlarını işlemenizi sağlar ve basıldığında, alttaki rengin görünmesini sağlar. Genelde sadece bir dokunmatik kase kullanırım; temel olarak, asla dokunulabilir vurgu kullanmam.
Dokunabilir opaklık ayrıca kullanıcı dokunuşlarını işlemek içindir ve ardından düğmeye her basıldığında yerleşik bir opaklık karartmasına sahiptir. Uzun zamandır kullandığım şey bu ve bazen bu bileşeni doğrudan kullanıyorum. Ancak, tüm uygulamada yeniden kullandığım, kendi başıma oluşturduğum birkaç düğmem de var ve bu, kullandığınız tüm farklı ekranlar ve bileşenler arasında tutarlı bir stil tanımanızı sağlamanın güzel bir yolu.
Geri bildirim olmadan dokunulabilir, bu nedenle yerleşik geri bildirimi yoktur. Opaklığı değiştirmez, rengin görünmesine izin vermez, herhangi bir geri bildirim yoktur. Bu bileşeni kullanırsanız, ona bir tür geri bildirim eklediğinizden emin olun çünkü baskılara yanıt veren tüm öğelerin bir tür görsel geri bildirime sahip olması gerekir.
Yani, yeni bir uygulamaya yeni başlıyorsanız, üç dokunuşta kullanmak muhtemelen daha iyi olan yeni basılabilir bileşen var.
Basılabilir bileşenin React Native'in en yeni bileşenlerinden biri olduğundan bahsettim ve bununla ilgili bir makale yaptım. Ama temel olarak, mevcut üç dokunulabilir bileşenin yerini alacak. Yerleşik bir düğme bileşeni var, süper basit.
Yani, bu sadece oynamak için gerçekten hızlı bir şeye ihtiyacınız varsa. Ancak, çok fazla özelleştirmeye izin vermediğinden, düğme bileşenini kullanan çok fazla gerçek dünya uygulaması hayal edemiyorum.
Ve sonra sanallaştırılmış listemiz var. Bunu doğrudan kullanacağınızı hiç sanmıyorum; düz bir liste ve bölüm listesi için temel bileşendir.
Tüm bilmeniz gereken, sanallaştırmanın performansı ve bellek tüketimini iyileştirdiğidir.
Tamam, platforma özel bazı bileşenlerden bahsedelim .
Droid düzeni android, ekranın sol tarafından veya sağ tarafından küçük bir menü açar. Bence, tipik olarak, bunu doğrudan kullanmak yerine, kullandığınız navigasyon kitaplığı içinden bir çekmece menüsü kullanacaksınız.
Ardından, Android'deki dokunuşlara yanıt veren ve bir tür dalgalanma efekti kullanan dokunulabilir yerel geri bildirim var. Ve diğer dokunuşlarda olduğu gibi, bunun yerine sadece basılabilir kullanırdım. Pressable'ın aslında basılabilir bileşen üzerindeki dalgalanma etkisini etkinleştiren bir özelliği var, bunu makalelerimden birine yorum yapan birinden öğrendim, bu harika.
Son bileşen, giriş aksesuarı görünümü adı verilen yalnızca iOS bileşenidir ve bunun yaptığı şey, klavyenin üstüne bir görünüm yerleştirmesidir, böylece klavyenin veya bir dizi emojinin üstüne fazladan bir giriş yapabilirsiniz. Veya, bilirsiniz, istediğiniz herhangi bir şey ama bu sadece iOS'ta ve o kadar.
Beyler, tüm React Native bileşenleri bu kadar. Umarım bu makaleden bir şeyler öğrenmişsinizdir.
Teşekkürler!
düzenglish.io'da daha fazla içerik
React, Web kullanıcı arayüzleri oluşturmak için popüler bir JavaScript çerçevesidir. Reactive Native, bileşen çerçevesini devralır ve genişletir (örn.
Bir araştırmaya göre, dünya çapında yaklaşık her on kadından altısı (%58) kasıtlı olarak öldürülüyor. Kadın cinayetlerinin birkaç nedeni olabilir, ancak önde gelen neden çoğunlukla erkeklerin öfke kontrolü sorunları olarak görülüyor.
Hepimiz oradaydık, inanıyorum. Bir şeyler izlemek isteyip de tam olarak ne izleyeceğini bilememek… Bekle, sanırım burada bir seçeneğin var! Arkadaşlarınızın bir süredir bahsettiği Netflix'te bir dizi var.
Apache Kafka kullanan çoğu veri mühendisiyle konuşun, söyleyecek çok şeyleri olacaktır. Platform hakkında onları hayal kırıklığına uğratan her şeyi listeleyebilecekler, ancak bunu sevdikleri gerçeğiyle sonuçlandıracaklar.
Makine öğrenimi iş akışları, ham verilerden makine öğrenimi modelleri oluşturmak için gereken tüm adımları içerir. Bu süreçler dönüşüm ve eğitim aşamaları olarak ikiye ayrılabilir.
"Yıldızlarla Dans Etmek" profesyoneli Cheryl Burke, ünlü partneri Cody Rigsby'nin dostluğu ve desteği için "şanslı" ve "müteşekkir" olduğunu söylüyor.
Şef Mathew, Lexi Wilson'a "Below Deck Mediterranean"ın son bölümünde tanıştığı "en kötü insan" olduğunu söyledi. Herhangi bir pişmanlık?
Dancing With the Stars yarışmacısı Brian Austin Green, kız arkadaşı Sharna Burgess'in işleri batırırsa "onu terk ederse" şaşırmayacağına dair şaka yaptı.
Monica Lewinsky, ilk başta 'İzin: Amerikan Suç Hikayesi' hakkında emin değildi. Ama bir yorum onu rahatlattıktan sonra gemiye geldi.
Senato parlamenter ofisi, yeni mevzuatın geliştirilmesine ve Senato'yu yöneten kuralların anlaşılmasına yardımcı olmak için tarafsız ve gizli yasama uzmanlığına erişim sağlar.
Ve bu çok büyük, çünkü daha erişilebilir VE uygun fiyatlı olacaklar.
Avustralya dövüş ruhunun bir sembolü olarak boks kangurusunun geçmişi 1890'lara kadar uzanıyor, peki gerçek nedir? Kangurular gerçekten boks yapar mı?
Çoğumuz bir çıkış görüşmesinin nasıl çalıştığını biliyoruz, ancak kalıcı görüşme nedir? Ve çalışanlarla iş tatmini hakkında konuşmak onları kapıdan dışarı çıkmaktan alıkoyabilir mi?
Image: Jim Cooke / Gizmodo Alex Lomas'ın tanıdığı yakın zamanda Berlin'e yaptığı bir seyahatte ona bir zorluk çıkardı: Vahşi doğada Bluetooth özellikli bir popo fişi bulabilir misiniz ve sahibinin yardımı olmadan onu açabilir misiniz? İngiliz siber güvenlik firması Pen Test Partners'da penetrasyon test cihazı olan Lomas, telefonunu çıkardı, tespit uygulaması LightBlue'ya danıştı ve Lomas'ın söylediği "piyasadaki en güçlü titreşimli popo tıpası" olan Lovense Hush'u hızlı bir şekilde tespit etti. bir yabancının arka tarafı. Dahası, bu Hush savunmasızdı ve nasıl yapılacağını bilen herkes tarafından saldırıya açıktı.
AP aracılığıyla görüntü. Taylor Swift, Taylor Swift, neyi kanıtlamaya çalışıyorsunuz? Marslı şarkıcı ve eski Hiddleswift üyesi, eyaletin Ağustos ayında bölgeyi sarsan tarihsel olarak yıkıcı sellerin ardından Louisiana'daki Ascension Devlet Okullarına 50.000 dolar bağışladı.
Bu hafta zorlukla katlandığımız şeylere bir rehber. Tamamen sürükleyici belgesel, Iris.
Apple size mutlu bir şekilde yeni bir iPhone 13'ü 800$, 1.000$ ve hatta 1.100$'a satacaktır. Ancak 120 Hz'lik bir ekran veya paranın satın alabileceği en yeni ve en iyi akıllı telefon kamerası için çaresiz değilseniz, kullanılmış iPhone pazarında daha fazla değer bulabilirsiniz.
Norveçli Prenses Martha Louise, 50. doğum günü için erkek arkadaşı Shaman Durek'ten bir granat ve elmas takı seti aldı.
Brandi Glanville, eski RHOBH oyuncularıyla olan ilişkilerinden "Bu dünyada hiç düşmanım olsun istemiyorum" diyor.
Olivia Munn, bu yıl komedyen John Mulaney ile ilk bebeğini bekliyor
Ameila Gray Hamlin, bu ayın başlarında Scott Disick'ten ayrılmasının ardından Instagram Hikayesinde gizemli bir mesaj daha paylaştı.