Gravity
  • Welcome to Gravity
  • Getting Started
  • Stack
  • Updates
  • Rules For AI
  • Troubleshooting
  • Gravity Server
    • Introduction
    • Installation
      • Install Node.js
      • Database Setup
      • Stripe Setup
      • Mailgun Setup
      • Install Gravity
    • Application Structure
    • REST API
      • API Scopes
      • Webhooks
    • Authentication
      • Email Verification
      • Social Sign On
      • Two-Factor Authentication
    • Authorization
      • Feature Access and Plan Restrictions
      • Permissions (Roles)
    • Config
    • Environment Variables
    • Database Queries
    • Handling Errors
    • Logging
    • Localization
    • Push Notifications
    • Email Notifications
    • User Feedback
    • User Onboarding
    • File Uploads
    • Billing
      • Seat Billing
      • Usage Billing
    • Free Accounts
    • CLI Toolbelt
    • Testing
    • AI Tools
    • Background Jobs
    • Deployment
  • Gravity Web
    • Introduction
    • Tailwind & SCSS
    • Routing
    • Events
    • Authentication
    • Localization
    • Hooks
      • useAPI
      • usePlans
      • usePermissions
    • Components
      • Alert
      • Animate
      • Avatar
      • Badge
      • Breadcrumb
      • Button
      • Calendar
      • Card
      • Chart
      • Checklist
      • Credit Card
      • Detail
      • Dialog
      • Dropdown
      • Feedback
      • Form
      • Grid
      • Header
      • Helper
      • Icon
      • Image
      • Layout
      • Link
      • List
      • Loader
      • Logo
      • Nav
      • Onboarding
      • Pagination
      • Popover
      • Progress
      • Row
      • Search
      • Separator
      • Sheet
      • Social
      • Stat
      • Table
      • Tabs
      • Toast (Notification)
      • Tooltip
      • User
      • View
    • Views
    • Handling Errors
    • Deployment
  • Gravity Native
    • Introduction
    • Prerequisites
    • Installation
    • App Context
    • Authentication
    • Localisation
    • External Linking
    • Handling Errors
    • Navigation
    • Config
    • Events
    • Views
    • Components
      • Badge
      • Blankslate
      • Button
      • Card
      • Chart
      • Form
      • Global
      • Grid
      • Icon
      • List
      • Logo
      • Message
      • Modal
      • Nav
      • Notification
      • Progress Bar
      • Search
      • Separator
      • Social
      • Stat
      • View
    • Push Notifications
    • Payments
    • Building Your App
  • Mission Control
    • Introduction
    • Installation
    • User Management
    • Feedback
    • Events
    • Logs
  • Website Template
    • Introduction
    • Environment Variables
    • Styling
    • Components
      • Article
      • Feature List
      • Footer
      • Hero
      • Layout
      • Pricing
      • Meta Data
      • Nav
      • Testimonial
    • Build and Deploy
Powered by GitBook
On this page
  • About Expo
  • About React Native
  • Writing Code

Was this helpful?

  1. Gravity Native

Introduction

PreviousDeploymentNextPrerequisites

Last updated 1 year ago

Was this helpful?

Gravity Native is a complete mobile app template for both iOS and Android that enables you to build mobile applications faster than ever before, with no complicated native programming required.

The client is built using React Native and managed with . This means you can build native mobile apps and deploy them to the app store using only Javascript and without ever having to touch a single line of native code.

Oh, there's live reloading as well! So, you don't need to rebuild your app to test every change continually.

About Expo

About React Native

If you're comfortable writing React code for the web, you'll feel at home with React Native. The project structure and syntax is the same. The only major difference is that instead of using HTML elements like <divs> and <inputs>, you'll be using mobile platform-specific elements like <TextInput> and <SwipeListView>. You can even use CSS to style your user interface!

There are a lot of components and APIs available in React Native for almost anything you will need, from making the phone vibrate to taking and editing photos.

Writing Code

This is perfect for most applications, especially if you're coming from web development and you want to move fast without the steep learning curve of dealing with native projects.

The following sections will give you an overview of how Gravity Native is set up along with explanations on how to use each of the components.

is a platform for building and managing React Native applications. With Expo, you can instantly develop and test native applications on your iOS or Android device. You don't need to wrestle with xCode or Android Studio – just use your favourite code editor and Expo will take care of the rest. Expo will even handle the complex build process for you, so all you need to do is upload your app to the app store.

Gravity Native ships packed with pre-built components, so you can piece your app together quickly without learning any new skills. If you want to do some background reading, I recommend flicking through the docs over a coffee to familiarise yourself.

Gravity Native uses the workflow, which means the native parts of the application are abstracted and you only need to deal with Javascript code and a simple folder structure similar to a web application.

However, if you do want to write native code, you can and open your project in xCode or Android studio – although doing so can create new challenges, so I recommend working within the Expo managed workflow if you're new to React Native.

Expo
React Native
Expo managed
eject from the Expo managed workflow
Expo