Yıllık Arşivler: 2018

React Native’de map fonksiyonu kullanımı

Bir dizi içerisindeki elemanlara map fonksiyonu ile erişebiliriz. render() metodunun altında data dizimizi aşağıdaki şekilde oluşturalım. Bu dizideki elemanları listelemek için: komutunu kullanabiliriz. Burada data.map() ile diziye erişiyor, dizi elemanlarını sayi değişkenine atamış oluyoruz. each child in an array or iterator should have a unique key prop Yukarıdaki hatayı gidermek için her elemanın tekil bir>>>

React Native projesinde Redux nasıl kullanılır?

Proje büyüdükçe bileşenler arasındaki veri transferi karmaşıklaştığından Redux kullanımı tavsiye edilmektedir. Başlangıç örneklerinden çok anlamlı olduğu çıkarılamıyor ve hem React Native, hem de React ile kullanım videolarını izledim. Olayı özümseme adına burada adım adım anlatayım ki biraz daha kavrayayım diye düşündüm. O açıdan eksiklikler veya yanlış bilgiler olabilir -diğer tüm yazılarda olduğu gibi- vaktiniz var>>>

React Native’de istediğimiz yere objeyi nasıl yerleştiririz?

React Native’de istediğimiz yere objeyi nasıl yerleştiririz? CSS’in position absolute özelliği ile yerleştirdiğimiz alanda nereye konumlandırmamız gerekiyorsa right, left, top, bottom özelliklerine değerler vererek yerleşimi sağlayabiliriz. <TouchableOpacity style={styles.closeButton}> <Icon name=”times” size={20} color={colors.lightGray}></Icon> </TouchableOpacity> closeButton:{ position:”absolute”, right:10, top:10, }

React Native’de fonksiyon içerisinde fonksiyon çağırmak

Durum güncellemeleri yapmak için bir fonksiyon çağırdığımızda başka bir fonksiyon daha çağırmamız gerekebilir. Aşağıdaki kod incelenebilir. import React, { Component } from “react”; import { View, Text, Button } from “react-native”; import { styles } from “../css/Stil/”; class Deneme extends Component { constructor() { super(); this.state = { productCount: 0, mesaj: “İlk Mesaj” }; }>>>

Kafalar Karışık

Kafalar Karışık filmine ailecek gittik. Çocuklarım gitmek istediği için, birlikte vakit geçirme adına bir etkinlik olması adına gitmiş bulunduk. Film kötüydü ama çocuklar beğendi. İyi olan kısım ise Youtuber diye nitelendirdiğimiz kişilerin film çekmiş olması. Bunun neresi iyi diyebilirsiniz. İyiliği birilerinin belirlediği kişiler değil, halkın içinden sıyrılmış tiplerin de bir şeyler yapıyor olması. Takdir ettiğim>>>

Düşüş – Albert Camus

Albert Camus’un Düşüş kitabını sosyal medyadan tanıştığım ama hala gerçekte kim olduğunu bilmediğim, bir akademisyen olduğunu düşündüğüm birinin “okuduktan sonra aynı kalamayacaksın” yorumu üzerine hemen aldım ve okudum. Kitap baştan sona kendi kendine konuşma biçiminde ilginç bir hayat hikayesine sahip adamın hesaplaşmasını anlatıyor. En vurucu kısımlar tabii ki yapılan iyi hareketlerin içimizdeki karşılıklarının sorgulandığı kısımlar.>>>

JSON.stringify Kullanımı

Nesneyi string ifadeye çevirmek için JSON.stringify kullanılabilir. Yalnız sonuçları “” işaretleri arasında veriyor. componentDidMount() { const user=firebase.auth().currentUser; this.setState({ eposta: JSON.stringify(user.email) }); } Ek bir bilgi öğrendim şuradan : https://twitter.com/rickhanlonii/status/1088180821658427393

Text strings must be rendered within a component.

Invariant Violation: Invariant Violation: Text strings must be rendered within a component. gibi bir hata veriyor ama hatanın tam yerini belirtmediğinde uğraştırıp duruyor 🙂 Fazladan kod yazımı sırasında yanlışlıkla bıraktığım birkaç karakter yüzünden bu uyarıyı veriyor. Basit bir hata ve tam yerini göstermemesi facia 🙂

React Native – ScrollView bileşenini kavramak

ScrollView içerisinde View çalışmamaktadır. Ekranın kaydırılarak kullanılmasını sağlamak için ScrollView bileşeni kullanılır. horizontal={true} özelliği ile yatayda kaydırma yaptırılabilir. Farklı Viewları kullanmak için yeni bileşen oluşturup, bir sayfada toplanarak kullanılabilir. <ScrollView> <Text style={{fontSize:96}}>The ScrollView works best to present a small amount of things of a limited size. All the elements and views of a ScrollView are>>>