第一次寫文章，作為自己學習flutter過程中做一些記錄吧

最近在項目的過程中涉及到要訪問內存卡，并且打開文件的情況。調用原生的文件管理器效果不太理想，所以想著用flutter自定義一個。好了，開始吧！

創建一個flutter項目開始寫代碼。

要訪問SD卡，首先讀取權限肯定是要有的，不然寫再多代碼都是無用功。
在AndroidManifest.xml文件中添加
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

新建一個dart文件file_manager.dart
這里需要使用到一個插件path_provider用來獲取SD卡根路徑（不嫌麻煩自己寫原生也可以），在pubspec.yaml文件里添加相關依賴即可path_provider: ^0.4.1。

然后在初始化函數使用String sDCardDir = (await getExternalStorageDirectory()).path;獲得SD卡的根路徑（一定要在初始化函數中就調用，不然運行之后連個路徑都沒），從這個路徑就可以找出SD卡的所有文件和文件夾。
拿到這個路徑后使用directory.listSync()會自動找出當前目錄下所有文件和文件夾

List<FileSystemEntity> files = [];var directory = Directory(sDCardDir); files = directory.listSync(); 

把SD卡根目錄下的所有文件、文件夾都存放到files中，這也是這個文件管理器最核心的方法，傳入根目錄路徑就能找出根路徑下的所有文件和文件夾，那把其中一個文件夾的路徑再傳進去（點擊一個文件夾的時候，傳遞該文件夾路徑），就能找出這個文件夾里的所有文件和文件夾啦~

頁面顯示的時候使用了ListView布局，因為文件數量不確定，也可能會很大，所以使用了ListView.builder進行構建。具體代碼如下：

ListView.builder( controller: controller, itemCount: files.length, itemBuilder: (BuildContext context, int index) { return buildListViewItem(files[index]); }, ), 

返回的buildListViewItem就是具體的布局，簡單使用ListTile就可以完成比較好看的顯示效果了。代碼還是貼上來：

Column( children: <Widget>[ ListTile( leading: Image.asset(selectIcon(isFile, file)), title: Row( children: <Widget>[ Expanded(child: Text(file.path.substring(file.parent.path.length + 1))), isFile ? Container() : Text( '$length項', style: TextStyle(color: Colors.grey), ) ], ), subtitle: isFile ? Text( '${getFileLastModifiedTime(file)}${getFileSize(file)}', style: TextStyle(fontSize: 12.0), ) : null, trailing: isFile ? null : Icon(Icons.chevron_right), ), Padding( padding: EdgeInsets.symmetric(horizontal: 14.0), child: Divider( height: 1.0, ), ) ], ), 

那如何判斷這是一個文件還是文件夾呢？這里有一個方法
var isFile = FileSystemEntity.isFileSync(file.path);
這是一個bool類型的值，true表示是文件，false就是文件夾啦。
在后面的顯示上就可以通過這個來區分了。
還有一些頁面顯示美化的代碼就不貼了，后面有項目地址可以自己下載下來看看。

打開文件

文件管理器，看到的文件應該要能打開吧。下面就是判斷點擊的是文件時，要彈出提示用什么應用去打開，要寫一點原生，不過也不難。
自己寫一個通道的方法，去調用
file_manager.dart

MethodChannel _channel = MethodChannel('openFileChannel');openFile(String path) { final Map<String, dynamic> args = <String, dynamic>{'path': path}; _channel.invokeMethod('openFile', args); } 

然后在MainActivity.java文件中定義

private static Context mContext = null; private static final String METHOD_CHANNEL = "openFileChannel"; 

"openFileChannel"名字要對應一致
然后在onCreate方法中增加以下代碼

new MethodChannel(getFlutterView(), METHOD_CHANNEL).setMethodCallHandler( new MethodCallHandler() { @Override public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) { if (methodCall.method.equals("openFile")) { String path = methodCall.argument("path"); openFile(mContext, path); result.success(""); } else { result.notImplemented(); } } } ); 

方法名為openFile，其實只有一個方法好像不用指定也是可以的，不過為了規范一點，還是寫上比較好。
dart那邊傳給Java層的是一個文件的路徑，然后調用openFile()方法，方法實現如下

private void openFile(Context context, String path) { try { if (!path.contains("file://")) { path = "file://" + path; } //獲取文件類型 String[] nameType = path.split("\\."); String mimeType = MimeTypeMap.getSingleton().getMimeTypeFromExtension(nameType[1]);Intent intent = new Intent(); intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); intent.setAction(Intent.ACTION_VIEW); //設置文件的路徑和文件類型 intent.setDataAndType(Uri.parse(path), mimeType); //跳轉 context.startActivity(intent); } catch (Exception e) { System.out.println(e); } } 

使用Intent的方式去打開，這里還是加上try...catch...吧，因為有些文件類型好像會報錯，具體原因還沒去深究，應該是一些系統文件（有些連文件后綴都沒...）
整個文件管理器的實現主要方法就到這里了
實現的界面如下

界面

項目的代碼已經上傳到我的GitHub，如果覺得有用歡迎star，同時也會繼續更新完善

flutter版的文件管理器項目地址

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.juherenli.com/17568.html