ios - 在 Flutter 中将目录中的所有图像显示到列表中
问题描述
我想知道是否有一种方法可以将位于用户移动设备中的特定目录中的所有图像或文件显示到颤动的列表/数组中,以便我可以在 ListView 中使用。
谢谢,欢迎任何帮助。
PS:我想尝试使用 path_provider 但不知道如何。
解决方案
我正在开发使用本地存储/应用程序目录的应用程序。
花了五天后,我得到了解决方案...
import 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:path/path.dart';
import 'package:path_provider/path_provider.dart';
final Directory _photoDir = new Directory(
'/storage/emulated/0/Android/data/com.eclixtech.doc_scanner/files/CroppedImages');
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Document Scanner',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: ImageCapture(),
);
}
}
class ImageCapture extends StatefulWidget {
@override
_ImageCaptureState createState() => _ImageCaptureState();
}
class _ImageCaptureState extends State<ImageCapture> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Doc Scanner'),
),
body: Container(
child: FutureBuilder(
builder: (context, status) {
return ImageGrid(directory: _photoDir);
},
),
),
);
}
}
class ImageGrid extends StatelessWidget {
final Directory directory;
const ImageGrid({Key key, this.directory}) : super(key: key);
@override
Widget build(BuildContext context) {
var refreshGridView;
var imageList = directory
.listSync()
.map((item) => item.path)
.where((item) => item.endsWith(".jpg"))
.toList(growable: false);
return GridView.builder(
itemCount: imageList.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3, childAspectRatio: 3.0 / 4.6),
itemBuilder: (context, index) {
File file = new File(imageList[index]);
String name = file.path.split('/').last;
return Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
child: Padding(
padding: const EdgeInsets.all(5.0),
child: InkWell(
onTap: () => {
refreshGridView =
Navigator.push(context, MaterialPageRoute(builder: (context) {
return ImageEditClass(
imagepath: imageList[index],
);
})).then((refreshGridView) {
if (refreshGridView != null) {
build(context);
}
}).catchError((er) {
print(er);
}),
},
child: Padding(
padding: new EdgeInsets.all(4.0),
child: Image.file(
File(imageList[index]),
fit: BoxFit.cover,
),
),
),
),
);
},
);
}
}
您可以在此处提及图像的扩展(.jpg、.png 等)。
.where((item) => item.endsWith(".jpg"))
在上述代码中。
推荐阅读
- python - 有空掩码时的分割评估
- php - 如何从 goutte 中抓取内部 html 标记数据并以 json 格式返回
- php - 在 PHP 7.4 中将 Unicode 十六进制转换为十进制
- javascript - 如何使用异步存储实现“稍后提醒我”按钮?
- jquery - jquery not selector 无法正常工作
- python - 重塑输出尺寸以适应 Keras 模型
- python-3.x - Pyspark 'from_json',数据框为所有 json 值返回 null
- docker - Entrypoint not found when deployed to Fargate. Locally works
- mysql - 如何在一个 mysql 字段中创建两个条件?
- android - 无法使用“adb reverse”连接到开发服务器:spawnSync adb ENOENT