Flutter - Как повернуть изображения, размещенные внутри GridTile, при событии касания - PullRequest
0 голосов
/ 27 октября 2019

Я новичок во флаттере, пытаюсь создать приложение для выбора и поворота изображения. Я не знаю, как сделать так, чтобы изображение, помещенное в GridTile виджета GridView, поворачивалось на заданный угол при событии касания, сохраняя при этом состояние последнего поворота.

Я пытался использовать виджет Transform.rotate, связанный с GridTile. на событии крана, но я неудачен. Я использую плагин multi_image_picker dart для выбора и


import 'dart:math';

import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:developer' as developer;

import 'package:multi_image_picker/multi_image_picker.dart';

void main() => runApp(new MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<Asset> images = List<Asset>();
  String _error = 'No Error Dectected';

  @override
  void initState() {
    super.initState();
  }

  Future goToDetailsPage(BuildContext context, Asset asset) async {
    String path = await asset.filePath;
    developer.log(path, name: 'my.app.main');
    Transform.rotate(
      angle: pi/2,
      child: AssetThumb(
          asset: asset,
          width: 300,
          height: 300,
        )
    );
  }

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


  Future<void> loadAssets() async {
    List<Asset> resultList = List<Asset>();
    String error = 'No Error Dectected';

    try {
      resultList = await MultiImagePicker.pickImages(
        maxImages: 300,
        enableCamera: true,
        selectedAssets: images,
        cupertinoOptions: CupertinoOptions(takePhotoIcon: "chat"),
        materialOptions: MaterialOptions(
          actionBarColor: "#abcdef",
          actionBarTitle: "Example App",
          allViewTitle: "All Photos",
          useDetailsView: false,
          selectCircleStrokeColor: "#000000",
        ),
      );

      for (var r in resultList) {
        var t = await r.filePath;
        print(t);
      }
    } 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;
    });
  }

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Column(
          children: <Widget>[
            Center(child: Text('Error: $_error')),
            RaisedButton(
              child: Text("Pick images"),
              onPressed: loadAssets,
            ),
            Expanded(
              child: buildGridView(),
            )
          ],
        ),
      ),
    );
  }
}
  1. . Мне нужно иметь возможность поворачивать изображения, размещенные внутри плиток GridView на предопределенный угол, когда пользователь нажимает на них, и состояние угла должно бытьсохраняется для каждого отображаемого изображения.
  2. Чтобы иметь возможность поворачивать исходные изображения источника в файловой системе телефона и сохранять их с новыми именами.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...