Posts

React Native push notification via admin SDK

1:first of all go to RN firebase documentation  Notifications | React Native Firebase (rnfirebase.io) 2: then  we will create our own nodejs server 3:create folder into project folder name: nodejs_stuff 4: then create file into nodejs stuff folder name:index.js 5:now open terminal and navigate to nodejs_stuff folder using this cammand cd nodejs stuff 6:now run this command into nodejs_stuff folder npm init then press Enter many times 7:now install admin sdk into nodejs_stuff folder using this commmand==>>  npm install --save firebase-admin 8:then install  express using this command  npm install express 9:now go to firebase console then settings/project settings/service accounts

Create apk file with android studio in react native

 1:First of all go to RN  official site and search publish to google playstore  2:then copy  Setting up Gradle variables  MYAPP_UPLOAD_STORE_FILE=my-upload-key.keystore MYAPP_UPLOAD_KEY_ALIAS=my-key-alias MYAPP_UPLOAD_STORE_PASSWORD=***** MYAPP_UPLOAD_KEY_PASSWORD=***** and paste into A ndroid/gradle.properties 3:then give it the name and password MYAPP_UPLOAD_STORE_FILE =mykeystore MYAPP_UPLOAD_KEY_ALIAS =key1 MYAPP_UPLOAD_STORE_PASSWORD =123456 MYAPP_UPLOAD_KEY_PASSWORD =123456 4: then add release to Android/App/build.gradle in signingConfigs{*****} Adding signing config to your app's Gradle config ​ The last configuration step that needs to be done is to setup release builds to be signed using upload key. Edit the file  android/app/build.gradle  in your project folder, and add the signing config, ... android { ... defaultConfig { ... } signingConfigs { //add this lines release { if (project.hasProperty('MYAPP_UPLOAD_S...

Firebase Facebook SignIn

1: First of all goto RNFirebase  and install it  # Install & setup the app module yarn add @react-native-firebase/app # Install the authentication module yarn add @react-native-firebase/auth 2:click Authenticaion tab then click on social Auth 3:now goto fb    community-supported React Native library and install FbSDK libarary npm install --save react-native-fbsdk-next 4:now configure projects And click on android:    Getting Started Guide 5:then click on quick start for android  Quick Start for Android 6:now its open Meta for developers site 7:then click on quick start  8:then login your fb account and create  an app 9:select an app type  (none): then click next 10:then add   Display name and click on create app 11:then click on fb login set up 12: choose android  13:then click on next 14:then copy   mavenCentral () and past it into android/build.gradle in repositories{} 15:then copy  implementati...

google signIn with react native firebase

 1: first of all create project in firebase console 2:choose Android 3:add android pakage name from android/app/src/main /android manifest.xml0 4:copy pakage name and paste into firebase  5:then skip other and click on register app 6:then click next 7:then copy classpath 'com.google.gms:google-services:4.3.10' and paste into android/build.gradle in  dependencies 8:then copy apply plugin: 'com.google.gms.google-services' and paste into app/build.gradle in last  9:then copy this dependenci implementation platform('com.google.firebase:firebase-bom:29.1.0') and paste into app/build.gradle dependencies 10:then click next button then click continue to console 11:then go to firebase project settings 12:then Add SHA  key fingerprints just run this command cd android then run this command ./gradlew signingReport  into terminal to generate SHA  key  and copy it then paste it into firebase  certificate fingerprint then copy SHA256 key and...

counter_with_redux

 app.js import React from 'react' ; import {} from 'react-native' ; import ScreenA from './ScreenA/index' ; import { Provider } from 'react-redux' ; import { store , persistor } from './redux/Store' ; // import { PersistGate } from 'redux-persist/integration/react'; import { PersistGate } from 'redux-persist/lib/integration/react' ; const App = () => {   return (     < Provider store = { store } >       < PersistGate persistor = { persistor } loading = {null} >       < ScreenA />       </ PersistGate >       </ Provider >   ); }; export default App ; ******************************************************************** ******************************************************************* ScreenA index.js import React , { useState } from 'react' ; import { View , Text , Pressable , TextInput } from 'react-native' ; import styles from './st...