/react-native-expo-examples

Learn React Native (Expo CLI) by examples.

Primary LanguageJavaScript

React Native Expo examples

Learn React Native (Expo CLI) by easy-to-difficult examples.

Run project in development

  • Setting up the development environment: https://reactnative.dev/docs/environment-setup.

  • Install dependencies: yarn install (or npm install).

  • Run on Android: yarn android (or npm run android).

  • Run on iOS: yarn ios (or npm run ios).

  • Run on both Android & iOS: yarn mobile (or npm run mobile).

Preview

Using Expo Client App (Expo Go) and scan this QR code:

React Native Expo Examples

1. Hello World

Learn how to use: StyleSheet, Text, View, SafeAreaView

Hello World 1 Hello World 2

2. Login Screen

Learn how to use: StatusBar, Expo Icons, Image, TextInput, TouchableOpacity

Momo Login Screen Facebook Login Screen

3. The Light

Learn how to use: Transform, Platform, Dimension, Switch, TouchableHighlight, React Hook useState

The Light Traffic Light

4. Register Form

Learn how to use: KeyboardAwareScrollView, Formik, Yup, Alert, Separate Style, Separate Components

Register Form

5. Instagram Feed

Learn how to use: ScrollView, FlatList

Instagram Feed

6. Rock Paper Scissors

Learn how to use: Animations, React Hook useRef

Rock Paper Scissors

7. Scan QR Code

Learn how to use: React Native Animatable, Expo Barcode Scanner

Scan QR Code

8. Stop Watch

Learn how to use: Timer, React Memo, useCallback

Stop Watch

9. BMI Calculator

Learn how to use: Slider, Modal

BMI Calculator

10. Music Player

Learn how to use: Expo AV, React Native Modal, React Hook useEffect,

Music Player 1 Music Player 2

11. Worldwide News

Learn how to use: Connect JSON API, ActivityIndicator, Linking, Lodash

Worldwide News

12. Pokedex

Learn how to use: React Native Elements, React Navigation, React Native Progress, React Hook useEffect with Cleanup

Pokedex

Last but not least: If you have time, let's try my React Native Game on Goole Play Store: Master Mind X