Bir yazılımcı klasiği ve bir o kadar da bazen sıkıcı olabiliyor ama bu işin kuralı bir Hello World denemesi yapalım.

Öncelikle yeni bir proje oluşturalım daha sonra bunu adım-adım geliştirmeye çalışacağız.

Console ekranındaki iken şu komutu verelim;

react-native init ReactNativeHelloWorld

Hata almadan işlem tamamlanırsa proje klasörü oluşacaktır. Daha önceki yazımızda bir proje nasıl oluşturulur örnek vermiştim.


sonra cd ReactNativeHelloWorld ve ardından
react-native run-ios komutu verebilirsiniz.

Herşey başarılı bir şekilde oldu ise ios emulator açılacak ve uygulamanız çalışacaktır.

Ben editor olarak atom kullanıyorum, bir editor yardımıyla klasörü açtığımız da index.ios.js dosyası aşağıdaki gibi olmalıdır.

şimdi kodu temizleyerek aşağıdaki şekle getirelim.

import React, { Component } from 'react';
import {
 AppRegistry,
 Text,
 View
} from 'react-native';

export default class ReactNativeHelloWorld extends Component {
 render() {
 return (
 <Text>Hello world!</Text>
 );
 }
}

AppRegistry.registerComponent('ReactNativeHelloWorld', () => ReactNativeHelloWorld);

Ardından Emulator ekranında iken command + R yapalım.

Evet bu kadar, artık devam edebiliriz. Kolay gelsin.

Kategoriler: React Native

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Benzer yazılar

React Native

Başlarken

Hızlı bir uygulama geliştirip sonra komponenleri incelemeyi düşünyorum. Öncelikle React Native’in yeteneklerini görmek sonra da konu ile ilgili blog yapmak istiyorum. İnternet’te bulunan bir örneğin Türkçe’sinden yola çıkarak konuyu ilerletmeyi düşünüyorum.   İlk once Homebrew’i kuruyoruz; Daha fazlasını oku…