rn-tnb-fk-mobile

Mobile UI plugin by Tryndbuy. Supports Android & iOS integration.

Installation

1. Install:

   • Using npm: npm install rn-tnb-fk-mobile
   • Using Yarn: yarn add rn-tnb-fk-mobile

2. Import it in your JS:

   import {Main} from 'rn-tnb-fk-mobile';

How it works

                        <Main
                            modelName={'nothing-1'}
                            navigation={navigation}
                            renderVideo={(src, width, height) => {
                            return (
                                <VideoPlayer
                                    source={{ uri: src }}
                                    disableBack={true}
                                    disableVolume={true}
                                    disableSeekbar={true}
                                    disableTimer={true}
                                    disablePlayPause={true}
                                    disableFullscreen={true}
                                    fullScreen={true}
                                    resizeMode="cover"
                                    videoStyle={{ backgroundColor: "#0A0C10" }}
                                    disabled={true}
                                />
                                )
                            }}
                            renderWebview={(uri) => {
                                return (
                                <WebView
                                source={{ uri: "https://www.google.co.in/" }}
                                />
                                )
                            }}
                            closeMobile={() =>
                                // setClose(false),
                                // navigation.goBack
                            }
                            stopVideo={() => {
                                //Stop video player 
                            }}
                            playAudio={(src, loopCount) => {
                                //Play audio file 
                            }}

                            pauseAudio={(src, loopCount) => {
                                //Pause/Stop audio file
                            }}
                />

Parameters

Below are the list of different parameters to be sent while implementing Scene component:

| Key | Data type | Default value? | Description | |-----|-----------|----------------|-------------| | modelName | string | Required. | Pre-defined model name for mobile like 'oneplus'/'samsung'/'redmi'/'nothing-1'/'nothing-2'/'oppo'/'realme' | | navigation | object | Required. | Pass the navigation object to get the reference of navigation in Mobile UI SDK | | renderVideo | method | url = url for video. width = video width. height = video height | URL, width & height of the video to be played. In case of audio, width/height will be 0. | | stopVideo | method | | Method to stop the video. | | closeMobile | method | | Method to close the SDK. | | playAudio | method | src = src url for audio file. loopCount = loopCount for playing audio | Method to play audio player. | | pauseAudio | method | src = src url for audio file. loopCount = loopCount for playing audio | Method to stop audio player. |