codingki / react-native-expo-template

My starter templates for building apps with react native and expo

React Native + Expo Starter Templates

These are my starter templates or my way for building mobile app with react native and expo. I'm tired everytime I create a new project from blank, so I decided to make a starter templates, feel free to use it 🥳

Preview

If you are looking for react native midtrans example, I moved it here

Firebase auth flow

Rapi UI

These UI components are provided by Rapi UI. Check the documentation for usage and more components.

Documentation

Typescript

• Template bottom tabs with auth flow (Typescript)
• Template bottom tabs with Supabase.io auth flow (Typescript)

Javascript

• Template Blank with navigation
• Template Bottom tabs
• Template Firebase auth flow
• Template Bottom tabs with auth flow

Changelog

03/01/2022

• Upgrade Expo SDK to v44.0 (latest)
• Upgrade Firebase from v8.x -> v9.x (latest)
• Updgrade React navigation from v5.x -> v6.x (latest)

15/07/2021

• Fix firebase import error
• Upgrade Expo SDK to v42.0

13/06/2021

• Template now has darkmode
• Rapi UI updated to 0.2.1

25/04/2021

• Expo updated to SDK 41

24/03/2021

• Now all the UI components uses Rapi UI
• Remove some unused packages
• Fixed some bugs and file managements moved to src/ directory

if you find these useful don't forget to give it a star ⭐ and share it to your friends ❤️

Reach me on twitter

react-native-expo-template's Issues

TypeError: undefined is not an object (evaluating 'auth.user')

Error in AppNavigator.js with useContext:
Undefined is not an object(evaluating "auth.user")

Documentation correction

Thank you for a great template, I am using https://github.com/codingki/react-native-expo-template/tree/master/template-typescript-bottom-tabs-supabase-auth-flow.

There is a little part that is incorrect in the docs
// Better put your these secret keys in .env file

supabaseUrl and supabaseKey are both non-secret values. And if they were, it would still not help much. There are kind of no secret values in mobile development

readme has firebase instead of supabase for template-typescript-bottom-tabs-supabase-auth-flow

Hi,

cool project. I think the readme auth part has firebase typed instead of supabase for the example template-typescript-bottom-tabs-supabase-auth-flow

regards,
Hari

TODO List

Hey. Looks amazing. Can you add a TODO list?

Sign up error

https://github.com/codingki/react-native-expo-template/tree/master/template-typescript-bottom-tabs-supabase-auth-flow

How are you reading the magic link?

This doesn't really cover how the magic link is being read inside the app?
You can create link according to the app type: https://docs.expo.io/guides/linking/
But i don't understand how supabase.auth.session(); or supabase.auth.onAuthStateChange can pick up the accesstoken from the query param? does supabase does this automatically?

Also the useEffect here will only run if there is a user, which there isn't initially?
https://github.com/codingki/react-native-expo-template/blob/master/template-typescript-bottom-tabs-supabase-auth-flow/src/provider/AuthProvider.tsx

How to set up a redirect on authentication?

expo://10.0.0.79:19000is my site_url in app.supabase.io settings.

After clicking the magic link I am redirected back to the app but then the app stays on the login screen 🤔.

Upgrade Dependecies

https://medium.com/the-exponent-log/expo-sdk-45-f4e332954a68

ThemeProvider Rapid UI error on expo start

This is the error I am getting :
node_modules/react-native-rapi-ui/provider/ThemeProvider.tsx: Property body[12] of BlockStatement expected node to be of a type ["Statement"] but instead got "AssignmentExpression"

Thanks for your help

Fetching data

Hi I'm trying to fetch data from supabase via react expo but I'm not getting any data back do you perhaps know what the issue is or can you guide me maybe I'm misunderstanding some concepts. The same code works on reactJS

firebase import error

Attempted import error: 'app' is not exported from 'firebase/app' (imported as 'firebase')

This error happen with firebase version 8.
Fixed it by changing:
import * as firebase from "firebase";
into
import firebase from "firebase";

Preference: https://firebase.google.com/support/release-notes/js#version_800_-_october_26_2020

Supabase template throws when running on iOS

Have found an odd error, but am new to React Native and Expo, so wondering if there's a known solution/workaround I can't find.

When running the iOS simulator (iPhone 12), I get this error which leads to the app not running:

TypeError: undefined is not an object (evaluating 'window.location.href')
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:171:19 in handleException
at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0

It works in browser, and if I open the remote JS debugging in the iOS simulator, it does work. Seems like the debugger runs the code in that browser when it's open, making window.location defined. Is there a fix besides leaving the debugger open?

Drawer

Do you have any sample with react-navigation-drawer?