Skip to main content

How to create a new ____ ?

List of elements in the app which might be needed to be added more of later on, write here only if there are few steps, else create a new page for it.

Auth method

  • create a new script in src\core\auth and create an object with AuthMethod type
  • inside src\core\auth\utils.tsx:AuthMethods add a key (should be the same supbase expects provider provider to be) for your auth method, and value should be the AuthMethod type object you created.
  • create a button in src\screens\login\index.tsx along side the other auth buttons we have right now, call signIn with your key in onPress

Tab

  • create a new key/value in TabsInfo, you will need an icon, a screen or navigator component to show, and a label for tab
  • add the screen component you want to show in TabType in src\screens or Navigator component in src\navigation

New Icons

  • duplicate a file in src\ui\icons and rename the file and component accordingly
  • go to font awesome, search and select the icon you want to use
  • go into SVG tab and copy the code snipit there
  • replace the d, height, width, viewBox properties from the code snipit into the component you just created
  • change the color property as prefered
  • export the component in src\ui\icons\index.tsx
  • then use the component as you like, the new icon should now be displayed properly
Back to top