Neoflix React Native Theme

Version 2.0

Last Updated On - 24th April 2020

  • Theme Name : Neoflix React Native Theme
  • Item Version : v 2.0
  • Author : mdmush
  • Framework : React Native

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly.

Requirements

You will need the following sofwares to customize this template.

  1. Code Editing Software (eg: Visual Studio Code, etc)
  2. Devices for testing (eg: iOS or Android)

Introduction #back to top

Neoflix is React Native based Theme to boost up your development if you're making a video streaming application.

External Plugins Used:

Developer Environments #back to top

Install these in order to successfully run this theme in your devices.

Android

iOS

Installation #back to top

1. Setup your machine for Android and iOS using React Native guideline for Building Projects with Native Code. https://facebook.github.io/react-native/docs/getting-started.html

2. Extract all the code into a separate folder

3. Install all packages from the below command the project's folder:

yarn install

Running a Test/Dev Build #back to top

Android

1. Run this code inside the project's folder in order to run the Dev/Debug verion of the application on any respective devices:

react-native run-android

iOS

1. Go to ios directory of the project and run the following command:

                                cd ios
                                pod install

2. Open Neoflix.xcworkspace, select a suitable device and run the project.

Building your app for production #back to top

Android

Generating a signing key:

1. You can generate a private signing key using keytool. On Windows keytool must be run from C:\Program Files\Java\jdkx.x.x_x\bin

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

Note: Add your keystore in the android/app

2. This command prompts you for passwords for the keystore and key, and to provide the Distinguished Name fields for your key. It then generates the keystore as a file called my-release-key.keystore.

3. The keystore contains a single key, valid for 10000 days. The alias is a name that you will use later when signing your app, so remember to take note of the alias.

Setting up gradle variables:

1. Place the my-release-key.keystore file under the android/app directory in your project folder.

2. Edit the file android/gradle.properties and add the following (replace ***** with the correct keystore password, alias and key password)

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=*****
MYAPP_RELEASE_KEY_PASSWORD=*****

Changing App Name:

1. Open android/src/res/values/strings.xml and change the value.

Changing bundle identifier:

1. Open React Native project in Android Studio. click on the little gear icon

2. Uncheck / De-select the Hide Empty Middle Packages option

3. Your package directory will now be broken up in individual directories

4. Individually select each directory you want to rename, and

  • Right-click it
  • Select Refactor
  • Click on Rename
  • In the Pop-up dialog, click on Rename Package instead of Rename Directory
  • Enter the new name and hit Refactor
  • Click Do Refactor in the bottom
  • Allow a minute to let Android Studio update all changes

5. Now open your Gradle Build File (build.gradle - Usually app or mobile). Update the applicationId to your new Package Name and Sync Gradle, if it hasn't already been updated automatically:

6. You may need to change the package= attribute in your manifest.

7. Now close the Android Studio.

Generating the release APK:

## for MacOS and Linux
cd android
chmod +x gradlew
./gradlew assembleRelease

## for Windows
cd android
.\gradlew.bat assembleRelease

The generated APK can be found under android/app/build/outputs/apk/app-release.apk, and is ready to be distributed.

iOS

Generate IPA:

1. Connect your iOS device to your Mac using a USB to Lightning cable. Navigate to the ios folder in your project, then open the .xcworkspace file within it using Xcode.

2. You can change App Name and bundle identifier in Xcode.

3. Go to "Signing" and make sure you have selected right Provisioning Profile and Signing Certificate.

4. To configure your app to be built using the Release scheme, go to 
 Product → Scheme → Edit Scheme
Select the Run tab in the sidebar, then set the Build Configuration dropdown to Release.

Release iOS

5. Now, Go to Build → Archive.

6. This will generate IPA.

7. Resign IPA with different provisioning certificate.

Note: Follow the instructions below for the new bundle id. and generate IPA

8. Make sure you have selected command line tools in Xcode. 
(Go to Xcode -> Preference -> Locations)

Change the Bundle ID:

1. Install Fastline

								xcode-select --install
								sudo gem install fastlane -NV

2. Put the IPA and New Provisioning certificate in a single folder. Make the sure the certificate attached to the provisioning files is in your keychain.

3. Run the resign command.

								fastlane sigh resign

4. This command will resign the IPA and change its bundle id.

Support Desk #back to top

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

Please visit our profile page or ask question mdmushbusiness@gmail.com

Support for my items includes:

  • - Responding to questions or problems regarding the item and its features
  • - Fixing bugs and reported issues
  • - Providing updates to ensure compatibility with new software versions

Item support does not include:

  • - Customization and installation services
  • - Support for third party software and plug-ins

Before seeking support, please...

  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.

Files & Sources #back to top

Included Components

These are the primary components used for styling. Use these to customize your theme even further. All included under src/components/

  • 1. AdressInput
  • 2. Button
  • 3. Card
  • 4. FAB
  • 5. Header
  • 6. IntroHeader
  • 7. TextInput

Included Screens

These are the various main screens that has been used to create this theme. All screens are included under src/screens/

  • 1. Login Screen
  • 2. Forgot Password Screen
  • 3. Profile Setup Screen
  • 4. Signup Screen
  • 5. Splashscreen
  • 6. Tab Screens
    • a. Download Screen
    • b. Home Screen
    • c. Menu Screen
    • d. Search Screen
  • 7. User Creation Screen
  • 8. Video Player Screen
  • 9. Video Profile Screen
  • 10. Who Watching Screen

Version History (Changelog) #back to top

You can find the version history (changelog.txt) file on neoflix-full-v2.0.zip folder or you can check changelog on theme sale page.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the react native theme on CodeCanyon, you might consider asking your question in the "Item Discussion" section.

Changelog

                                    -----------------------------------------------------------------------------------------
                                    Version 2.0.0 - April 24th, 2020
                                    -----------------------------------------------------------------------------------------
                                    - Updated all the plugins to latest version
                                    - Added Cocoapods

                                    -----------------------------------------------------------------------------------------
                                    Version 1.0.0 - January 20th, 2019
                                    -----------------------------------------------------------------------------------------
									- first version

Copyright and license #back to top

Code released under the License.