Hoşgeldin!

Forumumuza kaydolarak topluluğumuzun diğer üyeleriyle tartışabilir, paylaşabilir ve özel mesaj gönderebilirsiniz.

Kayıt ol!

Flutter ile giriş sistemi yapma

Üye
Yönetici
Üye
Katılım
13 Kas 2023
Mesajlar
24
Flutter ile bir giriş sistemi yapmak için aşağıdaki adımları takip edebilirsiniz:
  • Giriş ekranını oluşturun. Bu, kullanıcının kullanıcı adını ve şifresini gireceği bir ekrandır. Ekranın üst kısmında bir başlık ve giriş alanları için bir form bulunmalıdır.

  • Giriş verilerini doğrulayın. Kullanıcı adını ve şifreyi girdikten sonra, bunların geçerli olup olmadığını doğrulamanız gerekir. Bu, bir veritabanı veya API kullanarak yapılabilir.

  • Kullanıcıyı giriş yapın. Kullanıcı adı ve şifre doğruysa, kullanıcıyı giriş yapın. Bu, kullanıcıyı bir oturuma başlatarak ve kullanıcı bilgilerini bir değişkende saklayarak yapılabilir.

  • Giriş yapmadıysa, kullanıcıyı bilgilendirin. Kullanıcı adı veya şifre yanlışsa, kullanıcıyı bilgilendirin. Bu, bir mesaj görüntüleyerek veya bir hata kodu döndürerek yapılabilir.
Örnek Kod:
Kod:
import 'package:flutter/material.dart';

class LoginScreen extends StatefulWidget {
  @override
  State<LoginScreen> createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {
  final _usernameController = TextEditingController();
  final _passwordController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Giriş"),
      ),
      body: Container(
        padding: EdgeInsets.all(16),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextFormField(
              controller: _usernameController,
              decoration: InputDecoration(labelText: "Kullanıcı adı"),
            ),
            TextFormField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: "Şifre"),
              obscureText: true,
            ),
            SizedBox(height: 16),
            RaisedButton(
              child: Text("Giriş Yap"),
              onPressed: () {
                // Kullanıcı adını ve şifreyi doğrulayın
                String username = _usernameController.text;
                String password = _passwordController.text;
                bool isLoggedIn = false;

                // Kullanıcıyı giriş yapın
                if (isLoggedIn) {
                  // Kullanıcıyı bir oturuma başlatın
                  // Kullanıcı bilgilerini bir değişkende saklayın

                  // Kullanıcıyı bilgilendirin
                  Navigator.of(context).pushNamed('/home');
                } else {
                  // Kullanıcıyı bilgilendirin
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(
                      content: Text("Kullanıcı adı veya şifre yanlış."),
                    ),
                  );
                }
              },
            ),
          ],
        ),
      ),
    );
  }
}

Bu örnekte, giriş ekranı bir TextFormField'den oluşur. Kullanıcı adı ve şifre için iki TextFormField vardır. Kullanıcı adını ve şifreyi girdikten sonra, "Giriş Yap" düğmesine basarak kullanıcıyı doğrulayabilirsiniz. Doğrulama başarılı olursa, kullanıcıyı giriş yapın ve kullanıcıyı ana sayfaya yönlendirin. Doğrulama başarısız olursa, kullanıcıyı bilgilendirin.
 
Üst