zcomert / myaz306-mobil-uygulama-gelistirme

React-Native ile Mobil Uygulama Geliştirme reposudur.

MYAZ306 Mobil Programlama

Hafta 01

• Araçlarımız

  • Node
  • npm (global)
    • npm i -g npm
  • expo-cli
  • Android Studio
  • Visual Studio Code

• İlk proje

  • npx create-expo-app welcome

• Proje başlatma

  • npm run start

• Visual Studio Code

  • React
  • ES7/React/Redux/React-Native Snippets

• Code Snippets

  • rfc
  • rfce
  • rnstyle

• Flexbox

  • Main axes
  • Cross axess

• React-Native

  • View
  • Text
  • StyleSheet

Hafta 02

• Flexbox
• useState
• Text, View, StyleSheet, Button
• ImageBackground

Hafta 03

• Etkinlik

Hafta 04

• spread operator
• TextInput
• Button

Hafta 05

• FlatList
• data
• renderItem
• Components
• Component Drilling

Hafta 06

• FlatList
• FlatList Horizontal Mode
• FlatList Multiple Column Support
• @expo-vector-icons

Hafta 07

• React Native Nagivation
• Moving between Screens
• Passing parameters to routes
• Configuring headers
• Drawer Navigation
• Bottoms Tabs Navigation

Hafta 08

• Bayram tatili

Hafta 09

• Vizeler

Hafta 10

• react-native-maps
• MapView
  • provider
  • inital region
  • showUserLocation
  • showsMyLocation
  • ref
• useRef Hook
• mapRef.current.animateToRegion()
• mapRef.current.animateCamera({center, zoom}, {duration})
• onRegionChange
• onRegionChangeComplete
• MapMarker
  • key
  • coordinate
  • onMarkerSelected
• MapCallout

Hafta 11

• Context API
• Designing of a context
• Managing app-wide state with context
• Using the Created Context with useContext