CryptoZone
CryptoZone - React Native CLI Crypto Mobile App Template
This documentation is last updated on 28 January 2025.
Thank you for purchasing this Mobile App template.
If you like this template, Please support us by rating this template with 5 stars
Installation -
Android
1.- Install Node.js
1.- Install Node.js
To run React Native app via the command line first, we need to install node.js. The easiest way is downloading it from the official website nodejs.org open the package and follow the wizard.
2. Install node modules
To install React Native packages run following command.
npm install
3. Link fonts and resource icons
To Link fonts and resource icons run following command.
npx react-native-asset
4. Start a development server
To run React Native app run following command.
npx react-native start
Using your Android Studio (4.0.1 or last version) and build project with folder .source/android

After then please do following steps below
- Step 1: ADM Manager – Install your virtual devices for use
- Step 2: Sync project with Gradle files
- Step 3:
Clean project
after Sync project - Step 4: Select virtual device and Run your application
IOS
1.- Install Node.js
1.- Install Node.js
To run React Native app via the command line first, we need to install node.js. The easiest way is downloading it from the official website nodejs.org open the package and follow the wizard.
2. Install node modules
To install React Native packages run following command.
cd ./source npm install
3. Install Pods
To install React Native ios Pods run following command.
cd ./source/ios pod install
4. Start a development server
To run React Native app run following command.
npx react-native start
Using your Xcode and build project with folder .source/ios

Folder Directories -
- Package
- __tests__
- App-test.js
- .bundle
- android
- app
- assets
- components
- Accordion
- ActionSheet
- BottomSheet
- Button
- ...
- layout
- Navigations
- Screens
- Utils
- ios
- .buckconfig
- .eslintrc.js
- .flowconfig
- .gitignore
- .prettierrc.js
- .ruby-version
- .watchmanconfig
- App.js
- app.json
- babel.config.js
- Gemfile
- index.js
- metro.config.js
- package-lock.json
- package.json
- react-native.config.js
- __tests__
Source Structure -

Utils Files
File locate: ./app/Utils/..
- Theme color for app
- images use for the app
- Icons & Fonts use for the app
Components
File locate: ./app/components/..
Common components that could be used many times in your app:
- CustomButton.js
- MsgComponent.js
- ThemeBtn.js
- CustomSelectBox.js
- CustomToggle.js etc.
Navigation
File locate: ./app/Navigations/..

- Define first loading screen here.
- You can add bottom Navigation Screen in
./Navigations/BottomNavigation.js
.
Screens
File locate: ./app/Screens/..
Then navigation has defined in ./app/Navigations/StackNavigator.js
will link with screens locate in folder ./app/Screens/..
App all screens design are locate in here (./app/screens/..).
You could change or re-structure by matching with your own project structure design.
Assets
File locate: ./app/assets/..
You can store images or other file resource in this folder
Theme -
Font Family
The default font family name “Poppins” & "Cabin"
are being used for this template. If you need change or a custom font to be the prettiest? You’ll need the .ttf files for all supported styles (thin, ultraLight, light, regular, medium, semibold, bold, heavy, black …). Here are the few steps you need to add it.
Add more font family in folder ./app/assets/fonts/..

After added new font, open your terminal and run
npx react-native-asset
Color
The template are using color palette following format below.
You can change the theme prop dynamically and all the components will automatically update to reflect the new theme. Open file ./app/constants/theme.js

App Name & Icon -
Change the app name
Open file ./package/android/app/src/main/res/values/strings.xml
and replace CryptoZone with your app name

<string name="app_name"> CryptoZone </string>
Change App Icon
upload your icon in following link https://appicon.co/
open folder ./package/android/app/src/main/res/..
when you download you got files then replace them with the below.

After replace all folder open Android Studio.
- Right Click on app folder.
- then click on new you got Image Asset.
- then click on Image Asset.

when you click image asset you got below modal and you upload your logo here and customize them.

Note: After all Changes Sync you project files and restart your app.
Change Splash Screen -
Click on the first link given
upload your image in following link https://www.appicon.co/#image-sets
Image should be the (launch_screen.png)
Image size should be full (minimum 1080)

Follow Steps
- You will get a zip file, you have to extract it.
- You will get a folder, you have to open it.

- select all files
Now the splash screen needs to be replaced.
open folder ./package/android/app/src/main/res..

Note: After all Changes Sync you project files and restart your app.
Package Name -
Change package name
1. In: /app/src/main/java/com/soziety/MainActivity.java

2. In: /app/src/main/java/com/soziety/MainApplication.java

3. And in ./android/app/build.gradle

Our Products -
Do You Need Help To Customization
After Purchase A Template...
You Will Start Customizing According Your Requirement
BUT What If You Don't Know
SOLUTION IS HIRE DexignZone
Hire Same Team For Quality Customization
- We Will Customize Template According To Your Requirement
- We Will Upload On Server And Make Sure Your Website is Live
Version History - #back to top
(2.0) 28 January 2025
- Update React Native Version (0.76.6)
- Update All librariesd
- Compatible with iOS
- Code Optimization
- Resolve Designing issue
(1.2) 01 September 2023
- Update React Native Version (0.72.4)
- Update React Native Reanimated
- Update Android Sdk
- Update Components Designs
- Code Optimization
- Improve performance
(1.1) 16 May 2023
- Update React Native Version (0.71.8)
- Compatible with iOS
- Update JS Files
- Code Optimization
(1.0) 14 April 2023.
- New - Created & Upload CryptoZone