Advertisement
yudiwibisono

flutter_image_picker

Jun 8th, 2023
1,010
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Dart 1.59 KB | None | 0 0
  1. // dependencies:
  2. //   image_picker: ^0.8.4+2
  3.  
  4. import 'package:flutter/material.dart';
  5. import 'dart:io';
  6. import 'package:image_picker/image_picker.dart';
  7.  
  8. void main() {
  9.   runApp(const MyApp());
  10. }
  11.  
  12. class MyApp extends StatefulWidget {
  13.   const MyApp({super.key});
  14.  
  15.   @override
  16.   State<MyApp> createState() => _MyAppState();
  17. }
  18.  
  19. class _MyAppState extends State<MyApp> {
  20.   File? _image;
  21.  
  22.   Future<void> _getImageFromGallery() async {
  23.     final picker = ImagePicker();
  24.     final pickedImage = await picker.pickImage(source: ImageSource.gallery);
  25.  
  26.     if (pickedImage != null) {
  27.       setState(() {
  28.         _image = File(pickedImage.path);
  29.       });
  30.     }
  31.   }
  32.  
  33.   @override
  34.   Widget build(BuildContext context) {
  35.     return MaterialApp(
  36.         home: Scaffold(
  37.       appBar: AppBar(
  38.         title: const Text('Image Picker Example'),
  39.       ),
  40.       body: Center(
  41.         child: Column(
  42.           mainAxisAlignment: MainAxisAlignment.center,
  43.           children: [
  44.             _image != null
  45.                 ?
  46.                 // Android
  47.                 // Image.file(
  48.                 //   _image!,
  49.                 //   height: 200,
  50.                 // )
  51.  
  52.                 // Web
  53.                 Image.network(
  54.                     _image!.path,
  55.                     height: 200,
  56.                   )
  57.                 : const Text('No image selected'),
  58.             const SizedBox(height: 20),
  59.             ElevatedButton(
  60.               onPressed: _getImageFromGallery,
  61.               child: const Text('Select Image'),
  62.             ),
  63.           ],
  64.         ),
  65.       ),
  66.     ));
  67.   }
  68. }
  69.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement