asimkilic / chatty-paper

React Native Expo Cli Chatty App with Paper

Chatty-Paper

Ekran Görüntüleri >>

Proje oluşturulması:

npx expo init Chatty-Paper

React Navigation Setup:

yarn add @react-navigation/native

Expo kullanıldığından ekstra olarak 2 paket daha kuruyoruz

expo install react-native-screens react-native-safe-area-context

Tab Navigation için

yarn add @react-navigation/bottom-tabs

Stack Navigation için:

yarn add @react-navigation/native-stack

React Native Paper

yarn add react-native-paper
# Normal React Native Projesi ise ekstra paketler:
yarn add react-native-vector-icons
react-native link react-native-vector-icons

Geri tuşunun disable edilmesi:

import {  BackHandler } from 'react-native'  
useEffect(()=>{
    BackHandler
        .addEventListener('hardwareBackPress', function () { return true })
  },[])

Firebase

expo install firebase

Gifted Chat

yarn add react-native-gifted-chat

Icons

ionic.io

Screens