Rn-fk-tnb-mobile-ui NPM

rn-tnb-fk-mobile

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

Installation

Install:
- Using npm: npm install rn-tnb-fk-mobile
- Using Yarn: yarn add rn-tnb-fk-mobile
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.