beylikdüzü escort beylikdüzü escort esenyurt escort avcılar escort beylikdüzü escort beylikdüzü escort oto çekici ataköy escort
hack forum hacker blog Rulet Online Casino Slot Oyna Bahigo 1xbet Deneme bonusu Bahis siteleri Maç özetleri Bahsegel Casino Siteleri Sweet Bonanza Blackjack Casino Oyna Rulet Oyna google.com.tr istanbul escort facebook beğeni hilesi Casino Bahigo Rulet Bahis siteleri Bahsegel

beylikdüzü escort beylikdüzü escort esenyurt escort avcılar escort beylikdüzü escort beylikdüzü escort oto çekici ataköy escort
hack forum hacker blog Rulet Online Casino Slot Oyna Bahigo 1xbet Deneme bonusu Bahis siteleri Maç özetleri Bahsegel Casino Siteleri Sweet Bonanza Blackjack Casino Oyna Rulet Oyna google.com.tr istanbul escort facebook beğeni hilesi Casino Bahigo Rulet Bahis siteleri Bahsegel
beylikdüzü escort avcılar escort beylikdüzü escort esenyurt escort avcılar escort beylikdüzü escort beylikdüzü escort ataköy escort beylikdüzü escort
hack forum hacklink Rulet Online Casino Slot Oyna Bahigo 1xbet Deneme bonusu Bahis siteleri Maç özetleri Bahsegel Casino Siteleri Sweet Bonanza Blackjack Casino Oyna Rulet Oyna google.com.tr istanbul escort facebook beğeni hilesi
Expo ile WebView react native uygulama geliştirme | Derin Kod - Türkiyenin Kod Paylaşım Topluluğu

Expo ile WebView react native uygulama geliştirme

Expo, react uygulamaları için geliştirilmiş bir framework. React native ile hibrit olarak android ve mobile için uygulamalar yazabiliriz.  Javascript tabanlıdır.  Expo ile android,ios ve web uygulamaları oluşturabilirsiniz. Expo ile proje üzerinde çalışırken android studio, xcode gibi araçlara gerek kalmadan çalıştırabilirsiniz. Kolaylıkları burada. Qrkodu okutarak expo uygulaması aracılığıyla uygulamayı telefonunuzda da deneyebilirsiniz. Kısaca expo hakkında bilgi vermiş oldum.

Biz bir projemizde webview ile hızlı bir uygulama yapma ihtiyacımız oldu. Expo’da normal şekilde de componentler oluşturup yapabilirdik ama hızlı olması acısından amacımız uygulama üzerinden istediğimiz websiteyi açtırmak. Zaten siteyi yaparken mobile uyumlu kodladık. Kullandığımız framework mobile prensiblere göre geliştiriliyordu.  Expo cli ile nasıl projenizi kuracağınızı vs anlatmayacağım. Onları buradan bulabilirsiniz. Ben kurulumdan sonraki kısma değineceğim

Projemizdeki App.js sayfamız şu şekilde.

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { WebView } from 'react-native-webview';

export default function App() {
  return (
      <View style={{ flex: 1, backgroundColor: '#3f51b5' }}>
        <WebView
            source={{ uri: 'https://derinkod.com' }}
            style={{
                flex: 1,
                    // backgroundColor: 'white',
                    marginTop:30
            }}
        />
      </View>
  );
}

const styles = StyleSheet.create({
  container: {
    marginTop: 20
  }
});

uygulama açıldığında derinkod.com açılıyor. Yukarıdan boşluk koydum ki çeltikli telefonlarda düzgün dursun.  Şöyle gözükecek

uygulamayı build aldığımda 47mb çıkıt 🙂  Hibrit uygulamaların kötü yanları bu zaten. Boyutları çok fazla oluyor. Android ile javada yapsak belki 5mb bile çıkmaz. İonicle de daha az çıkacağına eminim.  Exponun güzelliği uğraştırmaması, diğer türlü android studio, xcode çok uğraştırıyor.

Expo hakkında daha detaylı bilgi için sitesini ziyaret edebilirsiniz.  https://docs.expo.io/

Bir cevap yazın