UDACODING

Posts

SHARED PREFERENCES PADA FLUTTER

Bismillah,

Postingan kali ini akan membahas tentang penggunaan Shared Preferences. Pada kasus kali ini kita akan menggunakan shared preferences untuk menyimpan data user yang login ke dalam suatu aplikasi pada flutter.  Nah dari pada penasaran, berikut cara penggunaan shared preferences pada flutter sebagai berikut :

  • Tambahkan package shared preferences pada pubspec.yaml sebagai berikut :
image-79 SHARED PREFERENCES PADA FLUTTER

Pada kali saya menggunakan versi share preferences  ^0.5.6+1, setelah ini jangan lupa untuk di klik packages get yaa…
  • Import package shared preferences pada class yang akan kita tambahkan shared preferences.
import 'package:shared_preferences/shared_preferences.dart';
  • Tambahkan method berikut ini untuk menyimpa data pada shared preferences
savePref(int value) async{
  SharedPreferences preferences = await SharedPreferences.getInstance();
  setState(() {
    preferences.setInt("value", value);
    preferences.commit();
  });
}
  • Tambahkan method getPref, berikut codingannya:
var value;
getPref()async{
  SharedPreferences preferences = await SharedPreferences.getInstance();
  setState(() {
    value = preferences.getInt("value");

    _loginStatus = value == 1 ? LoginStatus.signIn : LoginStatus.notSignIn;
  });
}
  • Selanjutnya kita dapat memanggil method getPref pada method initState. Sebagai berikut ini:
@override

void initState() {

  // TODO: implement initState

  super.initState();

  getPref();

}

Tujuannya ketika aplikasi Running method getPref dijalankan pertama kali.

  • Pada Method login kita tambahkan method savePref ke dalamnya, contohnya seperti ini
login() async {
  final response = await http.post(
      "http://192.168.43.159/project_testing/login.php", body: {
    "email": email,
    "password": password,
  });
  final data = jsonDecode(response.body);
  int value = data['value'];
  String pesan = data['message'];
  if (value == 1) {
    setState(() {
      _loginStatus = LoginStatus.signIn;
      savePref(value);
    });
    print(pesan);
  } else {
    print(pesan);
  }
  //print(data);
}
  • Berikut tampilan ketika kita login pada sebuah aplikasi, kemudian kita coba untuk running ulang aplikasi tersebut, maka tampilan pertama yang akan tampil ketika kita running adalah tampilan Home Page dengan kondisi user sudah login pada aplikasi tersebut.
image-80 SHARED PREFERENCES PADA FLUTTER

Leave a Reply :

* Your email address will not be published.