Halaman Login Menggunakan Android Studio

 

Membuat Halaman Login Kotlin

Nama: Alya Shofarizqi Inayah

NRP: 5025201113

PPB - I

2024

Berikut merupakan penjelasan kode dalam pembuatan tampilan Simple Login Form menggunakan Jetpack Compose

1. Membuat composable LoginScreen.kt

2. - email adalah variabel yang akan digunakan untuk menyimpan nilai email yang dimasukkan pengguna

     - password adalah variabel yang akan digunakan untuk menyimpan nilai password yang dimasukkan pengguna

Kedua variabel ini dideklarasikan menggunakan mutableStateOf(""), yang merupakan fungsi untuk membuat state yang dapat diubah dengan nilai awal berupa string kosong ("")

Berikut adalah komponen Column yang digunakan untuk menampilkan tata letak halaman login. Image digunakan untuk menampilkan gambar, Text digunakan untuk menampilkan teks, dan Spacer digunakan untuk membuat ruang kosong untuk memisahkan antara elemen-elemen dalam tata letak.

Berikut adalah komponen-komponen yang digunakan untuk membuat formulir login pada halaman login. OutlinedTextField  merupakan komponen input teks yang menampilkan label di luar area input dan digunakan untuk memasukkan alamat email dan kata sandi. Button  merupakan komponen tombol yang digunakan untuk melakukan tindakan ketika diklik. Tombol login digunakan untuk mengeksekusi tindakan login.

Berikut merupakan komponen Row yang digunakan untuk menampilkan tautan masuk menggunakan layanan pihak ketiga seperti Facebook, Google, dan Twitter. 

Isi file MainActivity.kt

Isi File LoginScreen.kt

Dokumentasi Hasil Halaman Login