Add setup for secured storage view

lib/screens/dashboard.dart

@@ -3,6 +3,7 @@
 // license that can be found in the LICENSE file.
 
 import 'package:flutter/material.dart';
+import 'package:flutter_persistence_demo/widgets/secured_storage_view.dart';
 import 'package:flutter_persistence_demo/widgets/shared_preference_view.dart';
 
 class DashboardScreen extends StatefulWidget {
@@ -25,6 +26,8 @@ class DashboardScreenState extends State<DashboardScreen> {
           child: Column(
             children: <Widget>[
               SharedPreferenceView(),
+              Padding(padding: EdgeInsets.only(bottom: 30)),
+              SecuredStorageView(),
             ],
           ),
         ),

lib/widgets/secured_storage_view.dart

@@ -0,0 +1,102 @@
+// Copyright 2019 Joshua de Guzman (https://jmdg.io). All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+
+class SecuredStorageView extends StatefulWidget {
+  @override
+  State<StatefulWidget> createState() {
+    return SecuredStorageViewState();
+  }
+}
+
+class SecuredStorageViewState extends State<SecuredStorageView> {
+  final String KEY_API_TOKEN = 'api_token';
+  String _data = "";
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: <Widget>[
+        Text(
+          'Secure storage of credential using\nflutter_secure_storage ^3.2.1+1',
+          style: TextStyle(
+            fontSize: 16,
+            fontWeight: FontWeight.bold,
+            color: Colors.blue,
+          ),
+        ),
+        Padding(padding: EdgeInsets.only(bottom: 5)),
+        Text(
+          'Stores data in Keychain (for iOS) and Keystore (for Android).',
+          style: TextStyle(
+            fontSize: 14,
+          ),
+        ),
+        Padding(padding: EdgeInsets.only(bottom: 10)),
+        ClipRRect(
+          borderRadius: BorderRadius.circular(10),
+          child: Container(
+            color: Colors.blue,
+            height: 150,
+            padding: EdgeInsets.all(10),
+            width: double.infinity,
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: <Widget>[
+                Text(
+                  'API TOKEN',
+                  style: TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.bold,
+                    color: Colors.white,
+                  ),
+                ),
+                Padding(padding: EdgeInsets.only(bottom: 5)),
+                Text(
+                  '$_data',
+                  style: TextStyle(
+                    fontSize: 30,
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+                Padding(padding: EdgeInsets.only(bottom: 10)),
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: <Widget>[
+                    RaisedButton(
+                      child: Text('Generate'),
+                      onPressed: _generatePassword,
+                    ),
+                    Padding(padding: EdgeInsets.all(10)),
+                    RaisedButton(
+                      child: Text('Save'),
+                      onPressed: _savePassword,
+                    ),
+                    Padding(padding: EdgeInsets.all(10)),
+                    RaisedButton(
+                      child: Text('Read'),
+                      onPressed: _readPassword,
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        )
+      ],
+    );
+  }
+
+  _generatePassword() async {}
+
+  _savePassword() async {}
+
+  _readPassword() async {}
+}

lib/widgets/shared_preference_view.dart

@@ -31,9 +31,9 @@ class SharedPreferenceViewState extends State<SharedPreferenceView> {
       mainAxisAlignment: MainAxisAlignment.center,
       children: <Widget>[
         Text(
-          'Storing simple data (shared_preferences 0.5.2)',
+          'Storing simple data locally using\nshared_preferences ^0.5.2',
           style: TextStyle(
-            fontSize: 14,
+            fontSize: 16,
             fontWeight: FontWeight.bold,
             color: Colors.blue,
           ),
@@ -50,18 +50,19 @@ class SharedPreferenceViewState extends State<SharedPreferenceView> {
           borderRadius: BorderRadius.circular(10),
           child: Container(
             color: Colors.blue,
-            height: 175,
+            height: 150,
             padding: EdgeInsets.all(10),
             width: double.infinity,
             child: Column(
               mainAxisAlignment: MainAxisAlignment.center,
               crossAxisAlignment: CrossAxisAlignment.center,
               children: <Widget>[
                 Text(
-                  'Counter (int)',
+                  'COUNTER',
                   style: TextStyle(
-                    fontSize: 20,
+                    fontSize: 16,
                     color: Colors.white,
+                    fontWeight: FontWeight.bold,
                   ),
                 ),
                 Padding(padding: EdgeInsets.only(bottom: 5)),

pubspec.lock

@@ -41,6 +41,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_secure_storage:
+    dependency: "direct main"
+    description:
+      name: flutter_secure_storage
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.2.1+1"
   flutter_test:
     dependency: "direct dev"
     description: flutter

pubspec.yaml

@@ -24,6 +24,7 @@ dependencies:
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^0.1.2
   shared_preferences: ^0.5.2
+  flutter_secure_storage: ^3.2.1+1
 
 dev_dependencies:
   flutter_test: