b1665307c5
- Tambahkan dependensi utama: GetX, Supabase, SharedPreferences - Konfigurasi struktur awal aplikasi dengan GetX - Inisialisasi layanan Supabase - Perbarui konfigurasi plugin untuk berbagai platform - Ganti template default dengan struktur aplikasi baru
141 lines
5.2 KiB
Dart
141 lines
5.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:flutter_spinkit/flutter_spinkit.dart';
|
|
import 'package:penyaluran_app/app/modules/auth/controllers/auth_controller.dart';
|
|
import 'package:penyaluran_app/app/routes/app_pages.dart';
|
|
|
|
class RegisterView extends GetView<AuthController> {
|
|
const RegisterView({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('Daftar Akun'),
|
|
elevation: 0,
|
|
),
|
|
body: SafeArea(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(20.0),
|
|
child: SingleChildScrollView(
|
|
child: Form(
|
|
key: controller.registerFormKey,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
const SizedBox(height: 20),
|
|
// Logo atau Judul
|
|
const Center(
|
|
child: Text(
|
|
'Penyaluran App',
|
|
style: TextStyle(
|
|
fontSize: 28,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.blue,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
const Center(
|
|
child: Text(
|
|
'Buat akun baru',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
color: Colors.grey,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 30),
|
|
|
|
// Email Field
|
|
TextFormField(
|
|
controller: controller.emailController,
|
|
keyboardType: TextInputType.emailAddress,
|
|
decoration: InputDecoration(
|
|
labelText: 'Email',
|
|
prefixIcon: const Icon(Icons.email),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
),
|
|
validator: controller.validateEmail,
|
|
),
|
|
const SizedBox(height: 20),
|
|
|
|
// Password Field
|
|
TextFormField(
|
|
controller: controller.passwordController,
|
|
obscureText: true,
|
|
decoration: InputDecoration(
|
|
labelText: 'Password',
|
|
prefixIcon: const Icon(Icons.lock),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
),
|
|
validator: controller.validatePassword,
|
|
),
|
|
const SizedBox(height: 20),
|
|
|
|
// Confirm Password Field
|
|
TextFormField(
|
|
controller: controller.confirmPasswordController,
|
|
obscureText: true,
|
|
decoration: InputDecoration(
|
|
labelText: 'Konfirmasi Password',
|
|
prefixIcon: const Icon(Icons.lock_outline),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
),
|
|
validator: controller.validateConfirmPassword,
|
|
),
|
|
const SizedBox(height: 30),
|
|
|
|
// Register Button
|
|
Obx(() => ElevatedButton(
|
|
onPressed: controller.isLoading.value
|
|
? null
|
|
: controller.register,
|
|
style: ElevatedButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(vertical: 15),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
),
|
|
child: controller.isLoading.value
|
|
? const SpinKitThreeBounce(
|
|
color: Colors.white,
|
|
size: 24,
|
|
)
|
|
: const Text(
|
|
'DAFTAR',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
)),
|
|
const SizedBox(height: 20),
|
|
|
|
// Login Link
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Text('Sudah punya akun?'),
|
|
TextButton(
|
|
onPressed: () => Get.offAllNamed(Routes.LOGIN),
|
|
child: const Text('Masuk'),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|