flutter_secure_storage 앱을 껏다 켜도 데이터를 유지할 수 있음. token이나 사용자정보를 안전하게 데이터베이스에 저장할 수 있는 라이브러리. 사용하기 https://pub.dev/packages/flutter_secure_storage flutter_secure_storage | Flutter Package Flutter Secure Storage provides API to store data in secure storage. Keychain is used in iOS, KeyStore based solution is used in Android. pub.dev Pubspec.yaml 에 라이브러리를 추가합니다. 버전은 위에 페이지에서 확인. 안드로이드는 따로 설정을 해줘야 합니다..
import 'dart:convert'; final string = base64로 인코딩할 String; Codec stringToBase64 = utf8.fuse(base64); String token = stringToBase64.encode(string);
invalidate final countProvider = StateProvider((ref) => 0); class HomePage extends ConsumerWidget { const HomePage({Key? key}) : super(key: key); @override Widget build(BuildContext context, WidgetRef ref) { print("HomePage Build"); return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text("Hello World"), Consumer( builder: (context, ref, widget)..
class MyApp extends ConsumerWidget { const MyApp({super.key}); @override Widget build(BuildContext context, WidgetRef ref) { //ref를 사용해 프로바이더 구독하기 final counter = ref.watch(counterProvider); ref.listen(counterProvider, (previousState, newState) { print("The new value is $newState"); }); return MaterialApp( home: Scaffold( appBar: AppBar(title: Text("Riverpod Study")), body: Center( child: Column..
class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( themeMode: ThemeMode.dark, darkTheme: ThemeData.dark(), debugShowCheckedModeBanner: false, home: const HomePage(), ); } } themeMode: ThemeMode.dark darkTheme: ThemeData.dark() 설정하시면 dark테마로 앱을 만들수 있습니다.
이 글은 Riverpod 공식문서를 참조 하였습니다. 이전글에서 "ref" 객체를 얻어오는 방법에 대해 알아봤습니다. 이제 "ref" 객체의 사용방법에 대해 알아보겠습니다. ref 주요기능 3가지 ref.watch - 프로바이더의 값을 얻고 값의 변화를 감지합니다. - 값의 변화를 감지하면 Widget을 재빌드 하거나 해당 값을 구독하고 있는 곳에 변경된 상태값을 전달 합니다. ref.listen - 프로바이더의 상태값을 구독하거나 - 상태값이 변했을때 어떠한 행위를 취해야할 경우 사용합니다. ref.read - 프로바이더의 상태값을 얻습니다. - 이벤트 콜백함수에 사용하기 유용합니다. - 예를 들어 버튼의 onPressed 콜백 함수에서 프로바이더의 필요한 상태값을 얻기위해 사용가능합니다. 기능을 구현..
이 글은 Riverpod 공식문서를 참조했습니다. 이 글에서는 "ref" 객체를 얻는 방법을 설명하겠습니다. "ref" 객체 얻기 프로바이더를 읽기전에 "ref" 객체를 얻어야 합니다. "ref"는 프로바이더간에 상호작용을 도와주고 위젯이나 다른 프로바이더에서 얻을 수 있습니다. 프로바이더로 부터 "ref" 객체 얻기 모든 프로바이더는 "ref" 객체를 파라미터로 받게 됩니다. final provider = Provider((ref) { // 다른 프로바이더 객체를 얻기위해 ref를 사용합니다. // 여기서 repositoryProvider 프로바이더를 Provider 에서 읽는 것을 확인합니다. final repository = ref.watch(repositoryProvider); return Som..
해당글은 Riverpod 공식문서를 참조하였습니다. 이전 글에서 우리는 Riverpod를 설치하고 간단하게 사용해 보았습니다. 프로바이더는 Riverpod에서 가장 중요한 부분 입니다. 이제 "Provider"에 대해 알아보도록 하겠습니다. 프로바이더는 하나의 상태조각의 압축된 객체이자 상태의 변화를 감시하는 역할을 합니다. 왜 프로바이더를 사용하나요? 상태를 프로바이더로 감싸게 되면 아래의 서술된 내용들이 가능합니다. 코드상 다양한 위치에서 상태를 쉽게 접근할 수 있습니다. 프로바이더는 Singletons, Service Locators, Dependency Injection 또는 InheritedWidgets 과 같은 디자인 패턴들을 완벽하게 대체할 수 있습니다. 다른 프로바이더 상태와 간편하게 결합..
