picture_cropper 0.0.10 picture_cropper: ^0.0.10 copied to clipboard
Flutter package for capturing and cropping photos from camera or gallery.
import 'dart:typed_data';
import 'package:example/crop_image_page.dart';
import 'package:example/editor_page.dart';
import 'package:flutter/material.dart';
import 'package:picture_cropper/picture_cropper.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Picture Editor Sample',
theme: ThemeData(
primarySwatch: Colors.blue,
),
initialRoute: '/',
routes: {
'/': (context) => const MyHomePage(),
'/editor': (context) => const EditorPage(),
'/crop': (context) => const CropImagePage(),
},
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
late PictureCropperController pictureCropperController;
int _cropStatus = 0; // 0 = qr, 1 = card, 2 = clear
@override
void initState() {
super.initState();
pictureCropperController = PictureCropperController(
onSelectedImage: (Uint8List image) {
setState(() {
Navigator.pushNamed(context, '/editor');
});
},
);
}
@override
void dispose() {
pictureCropperController.pictureEditorControllerDispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Stack(
children: [
PicturePicker(controller: pictureCropperController),
Container(
alignment: Alignment.topCenter,
height: 80,
padding: const EdgeInsets.all(24),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
GestureDetector(
onTap: () {
setState(() {
_cropStatus = 0;
pictureCropperController.changeCropGuideLineType(
PictureCropGuideLineType.qr);
});
},
child: Icon(
Icons.crop_din,
color: _cropStatus == 0 ? Colors.blue : Colors.white,
size: 32,
),
),
GestureDetector(
onTap: () {
setState(() {
_cropStatus = 1;
pictureCropperController.changeCropGuideLineType(
PictureCropGuideLineType.card);
});
},
child: Icon(
Icons.crop_3_2,
color: _cropStatus == 1 ? Colors.blue : Colors.white,
size: 32,
),
),
GestureDetector(
onTap: () {
setState(() {
_cropStatus = 2;
pictureCropperController.changeCropGuideLineType(
PictureCropGuideLineType.clear);
});
},
child: Icon(
Icons.not_interested,
color: _cropStatus == 2 ? Colors.blue : Colors.white,
size: 32,
),
),
],
),
),
Align(
alignment: Alignment.bottomCenter,
child: Container(
height: 130,
padding: const EdgeInsets.all(24),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
InkWell(
onTap: pictureCropperController.pickImageFromGallery,
child: const Icon(
Icons.photo,
color: Colors.white,
size: 32,
),
),
InkWell(
onTap: pictureCropperController.takePicture,
child: const Icon(
Icons.camera,
color: Colors.white,
size: 82,
),
),
InkWell(
onTap: pictureCropperController.toggleCameraDirection,
child: const Icon(
Icons.cameraswitch,
color: Colors.white,
size: 32,
),
),
],
),
),
),
],
),
),
);
}
}