- Project Name : Dreamschat
- Date of Update: 13 May 2025
- React Native Version : 0.79.1
- Typescript version : 5.0.4
- Author : Dreams Technologies
- Support via email: [email protected]
DreamsChat - Chat and Messenger React Native Template for Android & iOS
Dreams chat provides simple and effective online chat applications for the users. The purpose of this document is to provide a comprehensive overview of the recent version update performed on the "Dreams chat". Dreams chat supports Dark and Light as well
Install Node.js
Node.js is a run-time environment which includes everything you need to execute a program written in JavaScript. It’s used for running scripts on the server to render content before it is delivered to a web browser. In a web browser, navigate to https://nodejs.org/en/download/
Update Your NPM
Npm is the package for JavaScript and the world's largest software registry. Npm is a separate project from node.js, and tends to update more frequently. As a result, even if you've just downloaded Node.js (and therefore npm), you'll probably need to update your npm.
npm install --global npm@latestInstall all dependencies
If you want to update or develop this theme, you need to install all dependencies by running
npm installStart a development server
To run React Native app run following command
npx react-native startInstall and Setup Cocoapods
Install CocoaPods: To integrate the necessary dependencies for the iOS part of your React Native app, you'll need to install CocoaPods. If you haven't already, you can install CocoaPods by running the following command in your terminal
sudo gem install cocoapodsSetup CocoaPods in your project: Navigate to your project's directory in the terminal and run the following command
Install Node.js
Node.js is a run-time environment which includes everything you need to execute a program written in JavaScript. It’s used for running scripts on the server to render content before it is delivered to a web browser. In a web browser, navigate to https://nodejs.org/en/download/
cd ios && pod install && cdUpdate Your NPM
Npm is the package for JavaScript and the world's largest software registry. Npm is a separate project from node.js, and tends to update more frequently. As a result, even if you've just downloaded Node.js (and therefore npm), you'll probably need to update your npm.
npm install --global npm@latestInstall all dependencies
If you want to update or develop this theme, you need to install all dependencies by running
npm installStart a development server
To run React Native app run following command
npx react-native startModifying Colors
- To change the app's primary colors,navigate to the 'utils' folder inside the 'src' directory folder
- open the 'colors.ts' file, where you'll find variables defining the app's color palette.
- Modify the color values to match your desired theme.
export const colors = {
//purple
purpleVar4: '#F2DDFF',
purpleVar3: '#680A83',
purpleVar2: '#DBB0F5',
purpleVar1: '#F8ECFF',
purpleVar0: '#FCF6FF',
//black
black: '#000000',
blackVar1: '#424242',
blackVar2: '#0A0A0A',
};
Common components that could be used much times in your app
-
commonButtons.tsx
-
commonComponents.tsx
-
commonHeaders.tsx
-
commonModal.tsx
-
commonInputFields.tsx
-
commonText.tsx
-
commonView.tsx
Adding or Removing Screens
Step 1:
To add a new screen, create a new component in the pages directory and define the screen's UI and functionality.
Step 2:
Register the new screen in the app's navigation system by adding a new entry to the navigation configuration. Typically, this involves updating the navigation.tsx file in the navigation directory
Step 3:
To remove a screen, delete its corresponding component and remove any references to it in the navigation configuration.
Step 4:
Screen names are in a new file ‘screenName.ts’ in the ‘utils’ folder.
Dark and Light theme
- ‘ThemeContext.tsx’ file consists of the code which is related to the dark and light theme.
- By using ‘isDarkTheme’ keyword or function the theme gets updated by the state. (e.g style = {{backgroundColor : isDarkTheme ? colors.black : colors.white}} can implement in this format )
Please note that our respond can take up to 2 business days.
- Availability to answer questions, Answering technical questions about item’s features, Assistance with reported bugs and issues, Help with included 3rd party assets.
- Any customization request will be ignored.
- Please make sure to read more about the support policy.
If this documentation does not address your questions, please feel free to contact us via email at Item Support Page
We are in the GMT+5:30 time zone and typically respond to inquiries on weekdays within 12-24 hours. Please note that in rare cases, the response time may extend to 48 hours, especially during holiday seasons.
We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.
Don’t forget to Rate DreamsChat!
Do you need a customized application for your business?
If you need a customized application for your business depends on your specific requirements and goals, Please contact us.
Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.
Don't Miss Out on the Benefits of Customization!
Unlock the potential of your project. It's time to ensure that your project isn't just another cookie-cutter solution but a truly unique and effective one.
Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!
- We'll tailor the application to meet your specific needs and preferences.
- We will upload your website to the server and ensure it is live.
Thank You
Thank you once again for downloading DreamsChat.
We hope you're enjoying your experience, and we kindly request that you take a moment to share your valuable review and rating with us.