1、本地存儲
1.1 在 pubspec.yaml 包文件中添加包文件名，并通過 flutter package get 下載包依賴
shared_preferences: ^0.5.8
1.2 在需要使用的組件中引入包依賴文件
import 'package:shared_preferences/shared_preferences.dart';
1.3 在組件中使用
final sp = await SharedPreferences.getInstance();
// 往本地存儲中存數據
sp.setBool('flag', true);
sp.setDouble('double', 2020.08);
sp.setInt('int', 2020);
sp.setString('Sting', 'hello 小明');
sp.setStringList('stringList', ['1','2','3']);
// 從本地存儲中取數據
final flag= sp.get('flag'); // 獲取對應key值得數據
final stringList = sp.getStringList('stringList');
print('本地緩存中數據: $stringList');
1.4 本地存儲封裝
// 公共文件utils中封裝本地存儲的方法
class LocalSave{
// 讀取數據
static getSp(String keyName) async{
SharedPreferences sp = await SharedPreferences.getInstance();
String data = sp.get(keyName);
return data;
}
// 保存數據
static saveSp(String keyName,String value) async{
SharedPreferences sp = await SharedPreferences.getInstance();
bool isOK = await sp.setString(keyName, value);
return isOK;
}
}
// 組件中引入本地存儲 + 調用
LocalSave.saveSp('stringList', json.encode(['1','2','3']));
final getspData = await LocalSave.getSp('stringList');
print(getspData);
2、 文件存儲
Flutter SDK 本身已經有 File 相關的 api ，在 Flutter 中使用 file 存儲的關鍵是獲取手機中存儲的目錄，然后根據目錄路徑來創建不同的文件。根據 Flutter 的特性，我們可以自定義 channel 來獲取平臺端的可存儲文件夾路徑給 flutter 端，我們需要用到插件 path_provider。
path_provider 插件提供了三個方法：
getTemporaryDirectory() // 獲取臨時目錄
getApplicationDocumentsDirectory() // 獲取應用文檔目錄
getExternalStorageDirectory() // 獲取外部存儲目錄，該方法僅支持安卓，IOS 平臺會拋出不支持的錯誤信息，因此可看出IOS平臺沒有外部存儲目錄的概念，所以無法獲取外部存儲目錄路徑
2.1 在 pubspec.yaml 包文件中添加包文件名，并通過 flutter package get 下載包依賴
path_provider: ^1.6.11
2.2 在需要使用的組件中引入包依賴文件
import 'package:path_provider/path_provider.dart';
2.3 在組件中使用
/*
* @Description: 定義文件存儲中相關操作方法
*/
// ?找到正確的本地路徑
// iOS模擬器中file的路徑為: /Users/.../CoreSimulator/Devices/D44E9E54-2FDD-40B2-A953-3592C1D0BFD8/data/Containers/Data/Application/28644C62-1FFA-422E-8ED6-54AA4E9CBE0C/Documents
// Android模擬器中file的路徑為: /data/user/0/com.example.demo/app_flutter
Future<String> get _localPath async {
final directory = await getApplicationDocumentsDirectory();
return directory.path;
}
// 創建對文件位置的引用
Future<File> get _localFile async {
final path = await _localPath;
return new File('$path/counter.txt');
}
// 將數據寫入文件
Future<File> writeCounter(counter) async {
final file = await _localFile;
return file.writeAsString('$counter');
}
// 從文件中讀取數據
Future<String> readCounter() async {
try {
final file = await _localFile;
String contents = await file.readAsString();
return contents;
} catch (e) {
//讀取錯誤時返回信息
return 'error';
}
}
/*
* @Description: 組件中調用文件的方法
*/
// 獲取本地路徑
_localPath.then((value) => {
print('獲取本地路徑: $value')
});
// 創建對文件位置的引用
_localFile.then((value) => {
print('創建對文件位置的引用: $value')
});
// 將數據寫入文件
final writeData = await writeCounter('測試文件存儲');
print('寫入數據： $writeData');
// 從文件中讀取數據
final readData = await readCounter();
print('讀取數據： $readData');
3、 網絡圖片資源本地緩存
3.1 在 pubspec.yaml 包文件中添加包文件名，并通過 flutter package get 下載包依賴
cached_network_image: ^2.2.0+1
3.2 在需要使用的組件中引入包依賴文件
import 'package:cached_network_image/cached_network_image.dart';
3.3 組件中使用
CachedNetworkImage(
imageUrl: "https://tpc.googlesyndication.com/simgad/7275932481044045584?sqp=4sqPyQQ7QjkqNxABHQAAtEIgASgBMAk4A0DwkwlYAWBfcAKAAQGIAQGdAQAAgD-oAQGwAYCt4gS4AV_FAS2ynT4&rs=AOga4qlT010JqD6sByFyXwBOCmZFFnlE6g",
width: 600,
)
注意： 只有需要訪問的圖片地址存在、有效、有權限、網絡正常的情況下才可以訪問成功，網絡上隨便找的圖片可能會存在 （ 404：圖片不存在； 403: 無權限訪問； 無效圖片資源； 網絡不通... 等）錯誤信息
