x Expo ile Hızlı Prototipleme ve Uygulama Geliştirme - MobilRepo.com

Expo ile Hızlı Prototipleme ve Uygulama Geliştirme

Expo React Native Mobile Dev Deployment

25 Şubat 2025 | Kazım Şahin | 10 dakika okuma

Expo, React Native geliştirme sürecini basitleştiren ve hızlandıran güçlü bir araç seti sunar. Bu yazıda, Expo ile nasıl hızlı bir şekilde mobil uygulama geliştirebileceğinizi öğreneceksiniz.

İçindekiler

Expo ile Başlangıç

Expo ile geliştirmeye başlamak oldukça kolaydır. İşte temel kurulum adımları:


# Expo CLI kurulumu
npm install -g expo-cli

# Yeni proje oluşturma
expo init MobilUygulama

# Proje klasörüne git
cd MobilUygulama

# Uygulamayı başlat
expo start
        

Expo'nun Özellikleri

Expo'nun sunduğu bazı önemli özellikler:


import { Camera } from 'expo-camera';
import * as Location from 'expo-location';
import * as Notifications from 'expo-notifications';

// Kamera kullanımı
const CameraComponent = () => {
  const [permission, requestPermission] = Camera.useCameraPermissions();

  return (
    
      {/* Kamera içeriği */}
    
  );
};

// Konum servisleri
const getLocation = async () => {
  let { status } = await Location.requestForegroundPermissionsAsync();
  if (status !== 'granted') {
    return;
  }

  let location = await Location.getCurrentPositionAsync({});
  console.log(location);
};

// Push notifications
const schedulePushNotification = async () => {
  await Notifications.scheduleNotificationAsync({
    content: {
      title: "Yeni Bildirim!",
      body: "İşte size bir bildirim.",
    },
    trigger: { seconds: 2 },
  });
};
        

Deployment Süreci

Expo ile uygulama dağıtımı yapmak çok kolaydır:


# Uygulamayı build et
expo build:android
# veya
expo build:ios

# OTA güncellemeleri yayınla
expo publish

# Web versiyonunu dağıt
expo build:web
        

Sınırlamalar ve Çözümler

Expo'nun bazı sınırlamaları ve bunların çözümleri:


// Expo'dan çıkış (eject) yapma
expo eject

// Native modülleri kullanma
import { requireNativeComponent } from 'react-native';

// Özel native kod entegrasyonu
const CustomNativeView = requireNativeComponent('CustomNativeView');
        
Kazım Şahin
Kazım Şahin

Mobil uygulama geliştirici ve eğitmen. React Native ve Flutter konularında uzman.