Android WebView in Kotlin

WebView is a view that is used to display web pages inside the app. It is used to turn the app into a web application. In this article let's display the https://www.geeksforgeeks.org/ inside the Android Application using Kotlin.

Note: To implement Android WebView in Java please refer How to use WebView in Android using Java.

Class Hierarchy

kotlin.Any
 android.view.View
 android.view.ViewGroup
 android.widget.AbsoluteLayout
 android.webkit.WebView

Approach: 

Step 1: Create a new project 

To create a new project in android studio please refer, how to Create/Start a New Project in Android Studio.

Remember to add these to your gradle(app) files

plugins 
{
 id 'com.android.application'
 id 'kotlin-android'
 id 'kotlin-android-extensions'
}

Step 2: Modify activity_main.xml

This is used to set the front end of the Application, we place the WebView in the front end. 

Step 3: Modify MainActivity.kt

This is the back end of the Application, here we assign values to the views and actions to the views.

Step 4: Modify AndroidManifest.xml

In AndroidManifest.xml, one needs to include the below permission, in order to access the internet.

 Output: Run on Emulator

When we run the application either on the Emulator or on the Android Smartphone we can see this as our output. Remember to turn on the internet on your device.

👁 output screen