https://github.com/rajguptah/reactnativewebview

How to Make A webview application in react native
https://github.com/rajguptah/reactnativewebview

android new-developers raj-narayan-gupta react react-native react-native-webview webview

Last synced: about 2 months ago
JSON representation

How to Make A webview application in react native

• Host: GitHub
• URL: https://github.com/rajguptah/reactnativewebview
• Owner: rajguptaH
• License: gpl-3.0
• Created: 2023-09-25T12:30:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-30T13:02:41.000Z (10 months ago)
• Last Synced: 2024-03-30T14:24:15.509Z (10 months ago)
• Topics: android, new-developers, raj-narayan-gupta, react, react-native, react-native-webview, webview
• Language: Java
• Homepage: https://instagram.com/raj__rr
• Size: 509 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Welcome to React Native Webview!

Hi! I'm Raj 

To Change The WebView Uri Source go to /App.tsx-> Look For **WebView** Componenet And then Change Uri In Source Property Of this component .

```js

  return (

    

      

      

      

    

  );

}

```

# Question And Answer

## Question 1 :- How to Run React Native Project

If You want To Run The Project Then Make Sure You have installed Android Emulator or You have connected your device with Debugging mode and android sdk 

and then just run these commands 

```cmd

npm start

```

Then Output will look like this 

> [email protected] start

> react-native start

                        ▒▒▓▓▓▓▒▒

                     ▒▓▓▓▒▒░░▒▒▓▓▓▒

                  ▒▓▓▓▓░░░▒▒▒▒░░░▓▓▓▓▒

                 ▓▓▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓▓

                 ▓▓░░░░░▒▓▓▓▓▓▓▒░░░░░▓▓

                 ▓▓░░▓▓▒░░░▒▒░░░▒▓▒░░▓▓

                 ▓▓░░▓▓▓▓▓▒▒▒▒▓▓▓▓▒░░▓▓

                 ▓▓░░▓▓▓▓▓▓▓▓▓▓▓▓▓▒░░▓▓

                 ▓▓▒░░▒▒▓▓▓▓▓▓▓▓▒░░░▒▓▓

                  ▒▓▓▓▒░░░▒▓▓▒░░░▒▓▓▓▒

                     ▒▓▓▓▒░░░░▒▓▓▓▒

                        ▒▒▓▓▓▓▒▒

                Welcome to Metro v0.76.7

              Fast - Scalable - Integrated

r - reload the app

d - open developer menu

i - run on iOS

a - run on Android

## Just put a and hit enter 

```cmd

a

```

And That's It 

## Question 2 :- How to Build Apk From react native project 

Answer :- To Build Apk You need to generate apk from Terminal Like below i have written

Place your terminal directory to android using:

```cmd

cd android

```

Then execute this command Sometimes you have to use with ./gradlew

```cmd

gradlew assembleRelease

```

As a result, the APK creation process is done. You can find the generated APK at android/app/build/outputs/apk/app-release.apk or android/app/build/outputs/apk/debug-release/app.apk This is the actual app, which you can send to your phone or upload to the Google Play Store.

**Congratulations, you’ve just generated a React Native Release Build APK for Android.**

# Feel Free To Suggest Mistakes or Propose New Ideas You Can Reach Out To Me Using Instagram [Raj_rr](https://instagram.com/raj__rr)

Thanks [React Native](https://facebook.com)