dart - 如何从 Flutter 的内部和外部存储中获取所有 PDF 文件？

Question

我想显示内部和外部存储中存在的所有 pdf 文件，因此在点击该特定文件时，我想在全屏对话框中打开该文件。

Answer 1

因此，为了做到这一点，您需要:

• 授予对 PDF 文件所在目录中的外部存储的访问权限。我们称该文件夹为<external storage>/pdf .
• 列出该目录的所有文件并向用户显示。
• 使用可以可视化 PDF 的应用程序打开所选文件。

为了完成我认为的所有事情，我建议您使用那些 flutter 包:

• path_provider
• simple_permission

通过path_provider你可以获取Android设备的外部存储目录。

Directory extDir = await getExternalStorageDirectory();
String pdfPath = extDir + "/pdf/";

为了访问外部存储，您需要在 ApplicationManifest.xml 中设置此权限请求:

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

你也可以只使用 READ_EXTERNAL_STORAGE但是 simple_permission 插件将无法工作。

然后使用 simple_permission 插件请求用户授予外部存储访问权限:

  bool externalStoragePermissionOkay = false;

  _checkPermissions() async {
    if (Platform.isAndroid) {
      SimplePermissions
          .checkPermission(Permission.WriteExternalStorage)
          .then((checkOkay) {
        if (!checkOkay) {
          SimplePermissions
              .requestPermission(Permission.WriteExternalStorage)
              .then((okDone) {
            if (okDone) {
              debugPrint("${okDone}");
              setState(() {
                externalStoragePermissionOkay = okDone;
                debugPrint('Refresh UI');
              });
            }
          });
        } else {
          setState(() {
            externalStoragePermissionOkay = checkOkay;
          });
        }
      });
    }
  }

一旦我们被授予外部存储访问权限，我们就会列出我们的 PDF 目录:

List<FileSystemEntity> _files;
_files = dir.listSync(recursive: true, followLinks: false);

并在 ListView 中显示它们:

return new ListView.builder(
      padding: const EdgeInsets.all(16.0),
      itemCount: _files.length,
      itemBuilder: (context, i) {
        return _buildRow(_files.elementAt(i).path);
      });

当用户点击它们时，您必须使用查看器打开它们。

要做到这一点，没有简单的方法，因为在 Android 中，我们需要构建一个 ContentUri 并向外部应用程序查看器提供对此 URI 的访问权限。

所以我们在 Android 中这样做，我们使用 flutter platform channels调用 Android native 代码。

Dart :

static const platform =
      const MethodChannel('it.versionestabile.flutterapp000001/pdfViewer');
var args = {'url': fileName};
          platform.invokeMethod('viewPdf', args);

native Java 代码:

public class MainActivity extends FlutterActivity {
  private static final String CHANNEL = "it.versionestabile.flutterapp000001/pdfViewer";
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    GeneratedPluginRegistrant.registerWith(this);

    new MethodChannel(getFlutterView(), CHANNEL).setMethodCallHandler(
            new MethodChannel.MethodCallHandler() {
              @Override
              public void onMethodCall(MethodCall call, MethodChannel.Result result) {
                if (call.method.equals("viewPdf")) {
                  if (call.hasArgument("url")) {
                    String url = call.argument("url");
                    File file = new File(url);
                    //*
                    Uri photoURI = FileProvider.getUriForFile(MainActivity.this,
                            BuildConfig.APPLICATION_ID + ".provider",
                            file);
                            //*/
                    Intent target = new Intent(Intent.ACTION_VIEW);
                    target.setDataAndType(photoURI,"application/pdf");
                    target.setFlags(Intent.FLAG_ACTIVITY_NO_HISTORY);
                    target.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION);
                    startActivity(target);
                    result.success(null);
                  }
                } else {
                  result.notImplemented();
                }
              }
            });
  }
}

毕竟我们可以在 Android 上查看我们的 PDF 列表。

你有很多东西要学习。我希望这对您来说是一个有用的 Playground 。

这是用于外部存储，但您也可以获取内部和临时目录，并像这里一样操作。

如果您想在 iOS 上做同样的事情，您需要创建相同的 native 代码 pdfViewer也在 iOS 项目上。始终引用 flutter platform channels为了做到这一点。请记住，iOS 设备上不存在外部存储。因此，您可以只使用应用程序沙箱文档文件夹或临时文件夹。

GitHub repo .

快乐编码。