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