Skip to content

thirashapw/RWAD-React-Native-Web-App-Dev

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

# RWAD - React Native Web App Dev

N|Solid

Build Status Build man Build man Build man Build man Build man Build man Build man

Generate an Android web app by using RWAD. Written in JavaScript, NodeJS, Java, Python and React Native. RWAD Version - 1.8 build code - 16509

  • Easy build
  • No programming knowledge is needed.
  • No need to install react native manually
  • ✨100% Build speed✨

Support to this project

Features

  • No coding knowledge needed for this operation
  • Can generate apk or bundle
  • Bundle is signed and it can upload to Playstore
  • Compiler console script written in python
  • React Native backend

RWAD applications/ libraries inbuild versions

Application Version
NodeJS v10 - v15.8.0
React 16.11.0
React Native 0.62.2
Java Dev Kit 8
Web View 11.0.3
Jest 24.9.0

Manual

All you need to have on your computer:

  • Node.js - Better stable version!
  • ReactNative - React Native CLI (Not compatible with EXPO CLI)
  • JDK8 - Java SE Development Kit 8.

Also check the updates on this repo to build better apps.


Installation

RWAD requires Node.js v10+ to run. Clone RWAD repo or download latest release from Releases.

You don't need to manually run npm commands. RWAD will automatically run that commands.

cd RWAD-React-Native-Web-App-Dev
RWADScript.exe

For production environments... open cmd or powershell

cd RWAD-React-Native-Web-App-Dev
RWADScript

Instructions

Follow this instructions. This will help to use RWAD application.

Step 1

Has your computer installed React Native CLI (* Not Expo CLI) ?

  • Enter y if you have, press n don't have.

Step 2

Application Name:

  • Enter app name. This app name is original app name that shows in the android mobile phones.
  • Example - My App
  • If you want to use default given by RWAD, you can skip step by pressing Enter key

Package Name:

  • This package name looks like com.myapplication.testingapp.
  • You can enter any package name that will identify your app on android phones and google playstore and everywhere.
  • If you want to use default given by RWAD, you can skip step by pressing Enter key

App Logo:

  • Enter app logo path like D:/pictures/logo.png
  • Only work PNG files
  • If you want to use default given by RWAD, you can skip step by pressing Enter key

App Splash Image:

  • Enter app splash image path like D:/pictures/splash.png
  • Only work PNG files
  • This image will show when app open
  • If you want to use default given by RWAD, you can skip step by pressing Enter key

APP URL:

  • Enter a url that you want to load.
  • Example - https://www.google.com
  • If you want to use default given by RWAD, you can skip step by pressing Enter key

App Color:

  • Enter app color that will apply to spinner in the app.
  • Example - red, green, yellow, blue
  • Also you can use custom colors using color code. Example - #FF06AB
  • Get color codes
  • If you want to use default given by RWAD, you can skip step by pressing Enter key

Allow loading screen:

  • The default value is yes, Which means that the app shows a loading screen with a logo when you browsing the web
  • App starting splash screen shows without an obstacle, It cannot disable
  • If you want to use default (yes) given by RWAD, you can skip step by pressing Enter key

Here you can see a simple example of the different state

The loading screen shows whenever you load a page

Actived Loading Screen (yes) (Don't worry about web view)

Alt Text

No screen shows whenever you load a page

No Loading Screen (no) (Don't worry about web view)

Alt Text

Fit to mobile screen:

  • The default value is no, Which means that the app use website mobile responsive features.
  • If value is yes then your app will shows full website without mobile resposive features and zooming
  • If you want to use default (no) given by RWAD, you can skip step by pressing Enter key

Here you can see a simple example of the different state of fitting

Screen fit used

Alt Text

No screen fit used

Alt Text

Step 3

bundle or apk [b/a]:

  • If you want to build apk, enter a key. Or you want to build bundle for submit playstore, enter b key.

Step 4

Start building? [y/n]:

  • Enter y to start build

In this step if you want change somthing like app build version number, you can go and edit that inside lib folder. After editing you can press y to continue building.

Finally it will generate your app or bundle and put into output folder.

Thank you for using RWAD!