Özet - React Native temelleri
- React Native kursu
- Başlangıç
- Ders 6/116
- 5 dk
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.
Başlangıç kodu
// import satırı
// export default function App() {...}Örnek çözüm
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.
Başlangıç kodu
// import satırı
// function App() {...}Örnek çözüm
import { View, Text } from 'react-native';
function App() {
return (
<View>
<Text>Hosgeldin</Text>
<Text>React Native</Text>
</View>
);
}
export default App;Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Hangi dosya uygulamanın girişidir?
- App.js Doğru cevap
- package.json
- app.json
- index.html
Açıklama: App.js giriş bileşenini barındırır.
2 Tüm temel kavramları eşleştir
| Kavram | Anlamı |
|---|---|
react-native |
Çekirdek paket |
Expo |
Çerçeve |
App.js |
Giriş bileşeni |
npx expo start |
Sunucu |