React NativeScript

React NativeScript

  • Docs

›GETTING STARTED

INTRODUCTION

  • Introduction

GETTING STARTED

  • Quick Start
  • Environment Setup
  • Using React Devtools

CORE CONCEPTS

  • Native Access
  • Navigation
  • Node Roles
  • Modals
  • Plugins
  • Styling

SAMPLES

  • Apps

ELEMENTS: LAYOUT

  • AbsoluteLayout
  • DockLayout
  • FlexboxLayout
  • GridLayout
  • StackLayout
  • WrapLayout

ELEMENTS: COMPONENTS

  • ActivityIndicator
  • ActionBar
  • ActionItem
  • Button
  • DatePicker
  • Frame
  • HtmlView
  • Image
  • Label
  • ListView
  • ListPicker
  • NavigationButton
  • Page
  • Placeholder
  • Progress
  • ScrollView
  • SearchBar
  • SegmentedBar
  • Slider
  • Switch
  • TabView
  • TabViewItem
  • TextField
  • TextView
  • TimePicker
  • WebView

LICENCES

  • Licences
Edit

Environment Setup

To use React NativeScript, you'll need to set up your system with NativeScript CLI and its dependencies (as well as any tooling for native app development, if not yet installed).

This page is essentially a summary of the more detailed official NativeScript docs for setting up the NativeScript CLI and its dependencies.

Prerequisites

  • Node.js;
  • NativeScript CLI;
  • Windows (for developing Android applications on Windows), or;
  • macOS (for developing iOS and Android applications on macOS), or;
  • Linux (for developing Android applications on Linux).

Node.js

Download and install the latest LTS version of Node.js from https://nodejs.org/. Restart your terminal and verify the installation was successful by running node --version.

NativeScript CLI

To install the NativeScript CLI, open your terminal and run:

npm install -g nativescript

Verify the installation was successful by running tns in your terminal. You should see a list of the available commands.

Windows

Check the system requirements and follow the setup instructions for the Android SDK on Windows:

Advanced setup: Windows

macOS

Check the system requirements and follow the setup instructions for Xcode and the Android SDK on macOS:

Advanced setup: macOS

Linux

Check the system requirements and follow the setup instructions for the Android SDK on Linux:

Advanced setup: Linux

Last updated by Jamie Birch
← Quick StartUsing React Devtools →
  • Prerequisites
  • Node.js
  • NativeScript CLI
  • Windows
  • macOS
  • Linux
React NativeScript
Docs
Getting StartedUI Components Reference
Community
Stack OverflowChat on Slack in #reactTwitter
More
GitHub – React NativeScriptGitHub – Docs Site
Copyright © 2021 Jamie Birch