Özet - React Native temelleri

View, Text ve App.js'i birleştirerek ilk mobil uygulamanı yazarsın.

Özet - React Native temelleri

Bu grupta React Native'in ne olduğunu, Expo ile nasıl proje oluşturulacağını, View ve Text bileşenlerini, App.js iskeletini ve npx expo start komutunu öğrendin.

Artık bir Expo projesi açıp temel bir ekran yazabilir, sunucuyu başlatıp Expo Go ile telefonda görebilirsin.

Şimdi tüm bunları tek bir uygulamada birleştirelim.

Uygulama Tam App.js yaz

Tam bir App.js yaz: View ve Text'i react-native'den içe aktar, export default function App() ile <View> içinde <Text>React Native</Text> döndür.

Örnek çözümü göster

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

export default function App() {
  return (
    <View>
      <Text>React Native</Text>
    </View>
  );
}

Uygulama İki satırlı karşılama

Bir App bileşeni yaz; <View> içinde iki <Text> olsun: birincide Hosgeldin, ikincide React Native yazsın. İçe aktarmayı unutma.

Örnek çözümü göster

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

function App() {
  return (
    <View>
      <Text>Hosgeldin</Text>
      <Text>React Native</Text>
    </View>
  );
}

export default App;

Kendini test et

Hangi dosya uygulamanın girişidir?
- App.js
- package.json
- app.json
- index.html
Cevabı göster

App.js — App.js giriş bileşenini barındırır.
Tüm temel kavramları eşleştir

react-native

Çekirdek paket
Expo

Çerçeve
App.js

Giriş bileşeni
npx expo start

Sunucu

Sıradaki ders: JSX nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler