Podemos agregar imágenes de la galería usando el paquete image_picker en Flutter. Para esto, deberá usar su dispositivo real.
Siga los pasos a continuación para mostrar las imágenes de la galería:
Paso 1: Cree una nueva aplicación flutter:
flutter create <YOUR_APP_NAME>
Paso 2: Ahora, elimine el código del archivo main.dart para agregar su propio código.
Paso 3: agregue la dependencia a su archivo pubspec.yaml :
Paso 4: use el siguiente código en el archivo main.dart :
dardo principal
Dart
import 'dart:io'; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; void main() { runApp(new MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( home: new GalleryAccess(), debugShowCheckedModeBanner: false, ); } } class GalleryAccess extends StatefulWidget { @override State<StatefulWidget> createState() { return new GalleryAccessState(); } } class GalleryAccessState extends State<GalleryAccess> { File galleryFile; @override Widget build(BuildContext context) { //display image selected from gallery imageSelectorGallery() async { galleryFile = await ImagePicker.pickImage( source: ImageSource.gallery, // maxHeight: 50.0, // maxWidth: 50.0, ); setState(() {}); } return new Scaffold( appBar: new AppBar( title: new Text('Gallery Access'), backgroundColor: Colors.green, actions: <Widget>[ Text("GFG",textScaleFactor: 3,) ], ), body: new Builder( builder: (BuildContext context) { return Center( child: new Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ new RaisedButton( child: new Text('Select Image from Gallery'), onPressed: imageSelectorGallery, ), SizedBox( height: 200.0, width: 300.0, child: galleryFile == null ? Center(child: new Text('Sorry nothing selected!!')) : Center(child: new Image.file(galleryFile)), ) ], ), ); }, ), ); } }
Producción:
Cuando no se selecciona ninguna imagen, resultará:
Cuando se presiona el botón, le pedirá acceso a fotos, medios y archivos en su dispositivo como se muestra a continuación:
Cuando se otorga el permiso para acceder a las fotos y se selecciona cualquier imagen de la galería, se mostrará en la pantalla como se muestra a continuación:
Explicación:
- importe el paquete image_picker en el archivo main.dart .
- para una imagen de la galería, tenemos la función asíncrona imageSelectorGallery() y esperamos la imagen de la galería.
- la imagen se mostrará después de cargada.
Publicación traducida automáticamente
Artículo escrito por singh_teekam y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA