Flutter Как использовать несколько изображений из галереи после выбора с помощью multi_image_picker

Question

Плагин Flutter Multi Image Picker позволяет мне отображать выбранные изображения из галереи как активы в виде сетки. Я хотел бы взять выбранные изображения и использовать их на следующем экране в качестве объектов, но я не уверен, какой тип данных лучше всего подойдет для использования памяти и скорости. Я пробовал сохранять в виде списков Uint8List, ByteData и File, и мне повезло с отображением изображений, но по-прежнему не могу создавать объекты, используя ни один из них. Я хотел бы использовать этот список для создания параметра для списка карточек, «picCards», который просто имеет изображение и переменное целочисленное значение для целей сортировки.

Пожалуйста, помогите мне понять лучший тип данных для это и как использовать его для использования выбранных изображений в этих объектах picCard. Также я должен использовать асинхронный режим, чтобы дождаться создания списков, прежде чем пытаться использовать их на следующем экране. Спасибо!

import 'dart:io';
import 'dart:typed_data';
import 'dart:ui';
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:multi_image_picker/multi_image_picker.dart';
import 'package:flutter_absolute_path/flutter_absolute_path.dart';
import 'package:file_picker/file_picker.dart';
import 'package:provider/provider.dart';
import 'package:favpicz/piccard.dart';
import 'package:flutter_image_compress/flutter_image_compress.dart';
import 'package:favpicz/screens/card_page.dart';

class PhotoSelection extends StatefulWidget {
  static const String id = 'photo_selection';

  @override
  State<StatefulWidget> createState() {
    return _PhotoSelectionState();
  }
}

class _PhotoSelectionState extends State<PhotoSelection> {
  //options I've tried for image type
  List<Asset> images = List<Asset>();
  List<File> files = [];
  //List<Uint8List> memImages = List<Uint8List>();
  //List<ByteData> bytes = List<ByteData>();
  List<PicCard> picCards = [];
  
  String _error = 'No Error Detected';
  var width;
  var height;

  @override
  void initState() {
    super.initState();
    print("super.init");
  }

  void getImageList() async {
    files.clear();
    for (int i = 0; i < images.length; i++) {
      var path2 =
      await FlutterAbsolutePath.getAbsolutePath(images[i].identifier);
      //var file = await getImageFileFromAsset(path2);
      //var newMemImage = file.readAsBytesSync();
      var result = await FlutterImageCompress.compressAndGetFile(path2, path2, quality: 80, minHeight: 200, minWidth: 200,);
      files.add(result);
    }
  }

  Future<File> getImageFileFromAsset(String path) async {
    final file = File(path);
    return file;
  }

  Widget buildGridView() {
    return GridView.count(
      crossAxisCount: 3,
      children: List.generate(images.length, (index) {
        Asset asset = images[index];
        return AssetThumb(
          asset: asset,
          width: 300,
          height: 300,
        );
      }),
    );
  }

  Future<void> loadAssets() async {
    List<Asset> resultList;
    try {
      resultList = await MultiImagePicker.pickImages(
        maxImages: 100,
        enableCamera: false,
        selectedAssets: images,
        cupertinoOptions: CupertinoOptions(takePhotoIcon: "chat"),
        materialOptions: MaterialOptions(
          actionBarColor: "#abcdef",
          actionBarTitle: "Example App",
          allViewTitle: "All Photos",
          useDetailsView: false,
          selectCircleStrokeColor: "#000000",
        ),
      );
    } on Exception catch (e) {
      _error = e.toString();
    }

    // If the widget was removed from the tree while the asynchronous platform
    // message was in flight, we want to discard the reply rather than calling
    // setState to update our non-existent appearance.
    if (!mounted) return;

    setState(() {
      images = resultList;
      _error = _error;
      getImageList();
    });
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: const Text('FavPicz'),
      ),
      body: Column(
        children: <Widget>[
          //Center(child: Text('Error: $_error')),
          RaisedButton(
            child: Text("Select Photos"),
            color: Colors.lightBlueAccent,
            onPressed: loadAssets,
          ),
          Expanded(
            child: buildGridView(),
          ),
          Container(
            child: Center(
              child: Text(
                'estimated time 15 min',
                style: TextStyle(fontSize: 16.0, color: Colors.white),
              ),
            ),
            color: Colors.lightBlue,
            margin: EdgeInsets.only(top: 10.0),
            padding: EdgeInsets.only(bottom: 15.0),
            width: double.infinity,
            height: 30.0,
          ),
          ButtonTheme(
            minWidth: double.infinity,
            height: 100.0,
            child: FlatButton(
              textColor: Colors.white,
              color: Colors.lightBlue,
              padding: EdgeInsets.all(15.0),
              splashColor: Colors.lightBlueAccent,
              onPressed: () {
//has to add all cards to picCards and navigate to card page
    Navigator.pushNamed(context, CardPage.id);
    },
              child: Text(
                'FIND YOUR FAV',
                style: TextStyle(fontSize: 20.0),
              ),
            ),
          )
        ],
      ),
    );
  }
}