Comment faire pour recadrer une image dans Flutter?

Disons que j'ai une forme rectangulaire, portrait image:

Comment faire pour recadrer une image dans Flutter?

J'aimerais recadrer, tel qu'il est affiché comme ceci:

Comment faire pour recadrer une image dans Flutter?

Comment puis-je faire dans Flutter?

(Je n'ai pas besoin de redimensionner l'image.)

(Image de https://flic.kr/p/nwXTDb)

OriginalL'auteur Seth Ladd | 2017-06-21

  1. 23

    Je serais probablement utiliser un BoxDecoration avec un DecorationImage. Vous pouvez utiliser le alignment et fit propriétés afin de déterminer la façon dont votre image est recadrée. Vous pouvez utiliser un AspectRatio widget si vous ne voulez pas coder en dur une hauteur sur le Container.

    Comment faire pour recadrer une image dans Flutter?

    import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: new MyHomePage(),
  ));
}

class MyHomePage extends StatelessWidget {

  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Image Crop Example"),
      ),
      body: new Center(
        child: new AspectRatio(
          aspectRatio: 487 / 451,
          child: new Container(
            decoration: new BoxDecoration(
              image: new DecorationImage(
                fit: BoxFit.fitWidth,
                alignment: FractionalOffset.topCenter,
                image: new NetworkImage('https://i.stack.imgur.com/lkd0a.png'),
              )
            ),
          ),
        ),
      ),
    );
  }
}
    wow j'ai eu des problème différent, mais ce BoxDecoration technique a travaillé pour moi. Merci man 🙂
    Vous essayez de recadrer le fichier tout en le rendant. Cependant, je veux stocker la version recadrée de l'image et le rendu. Connaissez-vous une telle technique ou au forfait?

    OriginalL'auteur Collin Jackson

  2. 5

    Vous pouvez également utiliser directement le Image classe avec Amélioration et faire quelque chose comme:

    new Image.asset(
  stringToImageLocation,
  fit: BoxFit.cover,
)

    OriginalL'auteur Mary

  3. 3

    Prendre un coup d'oeil à brendan-duncan/image, il est indépendant de la plate-bibliothèque pour manipuler des images dans Dart.

    Vous pouvez utiliser la fonction:

    Image copyCrop(Image src, int x, int y, int w, int h);
    Merci! Avez-vous essayé avec un Flutter? Je me demandais comment obtenir un Scintillement de l'Image dans et hors de brendan image de la bibliothèque.
    Je ne pense pas que le Flutter fournit un moyen facile d'obtenir l'image décodée d'une ui.Image. Mais si vous utilisez brendan image de la bibliothèque pour faire le décodage, vous pouvez appeler image.getBytes() et passer pour un new Image.memory

    OriginalL'auteur Wael Boutglay

  4. 2

    Pas exactement à la question posée, mais arrivé ici de Google quand j'ai essayé de proposer aux utilisateurs un recadrage de l'interface.

    La image_cropper plugin m'a aidé.

    OriginalL'auteur Mans