Kategori: React-Native

22 Mayıs 2020

React-Native 4 – View ve Flex box yapısı

Arkadaşlar selam,  View bizim html ‘de kullanıdımız div ile hemen hemen aynı işlemleri yapmaktadır.  Flex yapısı benim için react-native ortamında style işleri ile uğraşan biri için öğrenilmesi gereken en önemli konulardan biridir. Hayatımıza girmesi ile beraber esnek yapı kurmak istediğimizde bizim işimizi kolaylaştırmıştır. flex: bulunduğu alanı paylaşılmasını ve düzeninin boyutlarını gösterir. Flex:1  dersek kullanıldığı view o anki alanının tamamını kaplar flexDirection ->  Flex yönünü belirler.  […]

17 Mayıs 2020

React-Native 3 – Kurulum ve Sayfa yapısı

Kurulması gerekenler Öncelikle aşağıdaki uygulamaları ve paketleri yüklemeniz gerekmektedir. Bu kurulumlar, işletim sisteminize göre farklılık göstermektedir. 1-NodeJs 2- Brew 3- Mac için Xcode ve Android Studio. 4- Linux ve Windows için Android Studio 5- Npm üzerinden react-native CLI (npm -g install react-native-cli) Ben IDE olarak WebStorm kullanıyorum. Kurulum ve sayfa yapısını anlattığım videomu sizlere paylaşmak istiyorum.

15 Mayıs 2020

React-Native Dersleri 2 – State ve Props kavramları

State nedir ? State yalnızca sınıflar için kullanılabilen ve değişme durumu olabilen bir özelliktir. State bir sınıfın global değişkeni olarak düşünülebilir.  x => this.state  y => değişken State’e yeni bir değer eklemek istediğimizde  ‘ this.setState({x:y}) ‘ Props nedir? Birbirinden farklı componentler arasındaki veri iletişimini props ile saglarız.  Örneğin;  A component ‘inde bir liste var. Listeden herhangi bir item ’ın detayını görmek istiyoruz. Bunun için item […]

15 Mayıs 2020

React-Native Dersleri 1 – Yaşam döngüsü ve kavramları

1 – Constructor Sayfa ilk yüklendiğinde buraya gelir. Statelerimizi buraya ekleriz. this.state = {       data : [] } 2 – ComponentWillMount Component ekranı yerleştirilmeden render ’dan önce çalışmaktadır. Yani render işleminden hemen önceki tetiklenen Event’tir. Aynı constructor gibi özel tanımlı bir fonksiyondur. 3 – Render Sayfanın tüm UI komponentlerini buraya ekleriz. Bu metod diğerlerinden bagımsızdır. Render metodu olmadan component ‘ler çalışmaz. 4 […]

12 Mayıs 2020

React-Native Dersleri 0 – Kimdir bu React-Native

Selam arkadaşlar defalarca başlayıp sonunu getiremediğim bir yazı serisini bitirmek ümidiyle tekrardan başlıyorum. Bu arada React-Native kurulum işlemlerini 3. Kez anlatıyorum. İlk 4 sene önce anlatmışım. React-Native nedir ? – Facebook tarafından üretilen, cross-platform mobil uygulama geliştirme ortamı sağlayan bir framework diyebiliriz. 2013 Yaz’ında Facebook’un kendi içerisinde düzenlediği bir kod geliştirme etkinliğinde temeli atılıyor ve ekip 2 yıl boyunca geliştirdikleri prototipleri ve versiyonları düzenleyerek ilk […]

31 Aralık 2018

React Native Dersleri 4 Main Page Tasarım

React-Native Nedir ? React-Native Neden tercih edilir? React-Native Nasıl Kurulur ? React-Native Kullanımı Nasıl ? Flex nedir ? Flex Özelliği Nasıl Kullanılır ? View ve Text Componenentleri Nasıl Kullanılır ?   Main Page Tasarımı nasul yapılır

31 Aralık 2018

React Native Dersleri 3 – Navigator Router Flux

React-Native Nedir ? React-Native Neden tercih edilir? React-Native Nasıl Kurulur ? React-Native Kullanımı Nasıl ? Flex nedir ? Flex Özelliği Nasıl Kullanılır ? View ve Text Componenentleri Nasıl Kullanılır ? React-Native Navigator nasıl kullanılır. kullanırken destek aldıgım kaynak, https://www.npmjs.com/package/react-n…