iMessenger extension with React Native

Introduction

INTUZ is presenting an iMessenger extension with React Native support component, which lets you add an extension of iMessages in you application and you can easily integrate the same with your existing React Native application

Description

This component lets you create an iMessages extension and directly add this to your iOS application and if you have a react native app then you can also do it easily, This extension also supports the localisation that helps you extend your users preferences from your react native app to your iMessages extension using the app group capability.

iMessages extension helps user to interact with your application using the custom extension so it will help them give personalize experience and your application like UI and UX, which will make it easier to access your application feature without opening them.

Features

• React Native project with iMessenger extension
• Localization support
• Responsive for all device screen sizes
• Deep-linking available
• App Group capability available to configure

Introduction:

• iMessenger extension with React Native repo contains the iMessenger extension which can easily be configure as per your project needs with available options and features

Prerequisite tools

1. React-Native: React Native 0.70.6
2. Npm | Yarn : use NPM or YARN for package and library management

Getting started :

1. Install all the Pods in the project and then follow the further steps to configure the iMessenger

2. Manage the environment of the App from .env files (stage, prod)

3. Run YARN or npm i command for install the package

   • npm i or yarn

4. Go through the package.json file and check the scripts for command regarding:

   • Pod-install
   • Android build clean
   • iOS build clean
   • release android build
   • generate icons
   • post install

5. Open the Project in XCode and then Make sure everything is running till now and then add the target of iMessage-extension to your project and then activate the iMessage and try to run the project

6. Add this code as per your need into the iMessages extension and configure the project and change the logo of project

Optional

7. Add the App group capabilities to your project in case if you need the language support which can be syncronized with React Native so you can set the language preferences from there and use it in the extensions also.

8. Implement the localization for your project using the Localization manager and add the necessary resources in the Resources folder of the Project in iMessage folder.

Bugs and Feedback

For bugs, questions and discussions please use the Github Issues.

License

Copyright (c) 2024 Intuz Solutions Pvt Ltd.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.