floating-rating-package

Plugin made on React Native purely for Ajman App

🔧 Install

floating-rating-package is available on npm. It can be installed with the following command:

npm install floating-rating-package --save

floating-rating-package is available on yarn as well. It can be installed with the following command:

yarn add floating-rating-package

Usage

import {FloatingRating} from 'floating-rating-package';

export default function App() {
  return (
        <FloatingRating lang={1} isMaleUser={false} isDev={true}  
        fontEnglish={"SEGOEUI"} fontArabic={"Product Sans Italic"} />
  );
}

# For Language:
1 for English, 2 for Arabic, 3 for Urdu

# For isMaleUser:
For male=true, female=false

# For isDev:
For production=false, development=true

#For fontEnglish
Enter the font you want to use for English Language

#For fontArabic
Enter the font you want to use for Arabic/Urdu Language

Dependencies

Create a file with .sh extension on the root directory of the project and copy/paste the following lines in the file. [like install-depencies.sh]

# For install packages and android node_modules
yarn add floating-rating-package @react-native-async-storage/async-storage @react-native-community/checkbox @react-native-community/netinfo@6.0.0 @react-navigation/native@6.0.6 @react-navigation/native-stack@6.2.5 @sayem314/react-native-keep-awake@1.1.0 react-native-audio-recorder-player react-native-blob-util@0.13.17 react-native-circular-progress react-native-device-info react-native-document-picker react-native-fs react-native-image-picker react-native-mov-to-mp4 react-native-pdf react-native-permissions react-native-safe-area-context react-native-screens react-native-star-rating react-native-vector-icons react-native-video react-redux redux redux-logger redux-thunk redux-persist 
# For installing ios dependencies
cd ios && pod install
# Returning to previous folder
cd ..

now run the file using the following command

sh filename.sh and press enter ↵

❗ Issues

If you think any of the floating-rating-package can be improved, please write an email at [e-mail] with the required feature.

✨ Integration

React-native-blob-util

If react-native-blob-util exists then good, if react-native-blob exist delete it & install this one

Add Kotlin dependency in android/build.gradle

ext {
kotlinVersion = '1.5.0'
}

Also include this

dependencies {
classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion" //add this for rating plugin
}

For the gif animation in android, add this line as well in android/app/build.gradle

dependencies {
    implementation 'com.facebook.fresco:animated-gif:2.x.x'
    }

If Android shows white screen, 
	1- delete node modules & re-install again
	2- do Gradlew clean and then run app

If audio doesn’t work in in iOS, we have to create a bridging header first. For more info: https://riptutorial.com/ios/example/32537/how-to-create-a-swift-bridging-header-manually