add cameraedit
This commit is contained in:
parent
49a108905c
commit
578107c83c
154
covas_mobile/lib/pages/CameraEdit.dart
Normal file
154
covas_mobile/lib/pages/CameraEdit.dart
Normal file
@ -0,0 +1,154 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
import 'dart:io';
|
||||||
|
|
||||||
|
import '../classes/events.dart';
|
||||||
|
import 'package:image_picker/image_picker.dart';
|
||||||
|
import 'EditEvent.dart';
|
||||||
|
import 'package:camera/camera.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
Future<void> main() async {
|
||||||
|
// Ensure that plugin services are initialized so that `availableCameras()`
|
||||||
|
// can be called before `runApp()`
|
||||||
|
WidgetsFlutterBinding.ensureInitialized();
|
||||||
|
|
||||||
|
// Obtain a list of the available cameras on the device.
|
||||||
|
final cameras = await availableCameras();
|
||||||
|
|
||||||
|
// Get a specific camera from the list of available cameras.
|
||||||
|
final firstCamera = cameras.first;
|
||||||
|
Events? events;
|
||||||
|
|
||||||
|
runApp(
|
||||||
|
MaterialApp(
|
||||||
|
theme: ThemeData.dark(),
|
||||||
|
home: CameraEdit(
|
||||||
|
// Pass the appropriate camera to the TakePictureScreen widget.
|
||||||
|
camera: firstCamera,
|
||||||
|
events: events),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// A screen that allows users to take a picture using a given camera.
|
||||||
|
class CameraEdit extends StatefulWidget {
|
||||||
|
const CameraEdit({super.key, required this.camera, required this.events});
|
||||||
|
final Events? events;
|
||||||
|
|
||||||
|
final CameraDescription camera;
|
||||||
|
|
||||||
|
@override
|
||||||
|
CameraEditState createState() => CameraEditState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class CameraEditState extends State<CameraEdit> {
|
||||||
|
late CameraController _controller;
|
||||||
|
late Future<void> _initializeControllerFuture;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
// To display the current output from the Camera,
|
||||||
|
// create a CameraController.
|
||||||
|
|
||||||
|
_controller = CameraController(
|
||||||
|
// Get a specific camera from the list of available cameras.
|
||||||
|
widget.camera,
|
||||||
|
// Define the resolution to use.
|
||||||
|
ResolutionPreset.medium,
|
||||||
|
);
|
||||||
|
|
||||||
|
// Next, initialize the controller. This returns a Future.
|
||||||
|
_initializeControllerFuture = _controller.initialize();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> pickImage() async {
|
||||||
|
final imagePicker = ImagePicker();
|
||||||
|
final pickedFile = await imagePicker.pickImage(source: ImageSource.gallery);
|
||||||
|
if (pickedFile != null) {
|
||||||
|
await Navigator.of(context).push(
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => EditEvent(
|
||||||
|
// Pass the automatically generated path to
|
||||||
|
// the DisplayPictureScreen widget.
|
||||||
|
events: widget.events,
|
||||||
|
imgPath: pickedFile.path,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
// Dispose of the controller when the widget is disposed.
|
||||||
|
_controller.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(title: const Text('Take a picture')),
|
||||||
|
// You must wait until the controller is initialized before displaying the
|
||||||
|
// camera preview. Use a FutureBuilder to display a loading spinner until the
|
||||||
|
// controller has finished initializing.
|
||||||
|
body: FutureBuilder<void>(
|
||||||
|
future: _initializeControllerFuture,
|
||||||
|
builder: (context, snapshot) {
|
||||||
|
if (snapshot.connectionState == ConnectionState.done) {
|
||||||
|
// If the Future is complete, display the preview.
|
||||||
|
return CameraPreview(_controller);
|
||||||
|
} else {
|
||||||
|
// Otherwise, display a loading indicator.
|
||||||
|
return const Center(child: CircularProgressIndicator());
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
floatingActionButton: Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
FloatingActionButton(
|
||||||
|
onPressed: pickImage,
|
||||||
|
child: Icon(Icons.photo_library),
|
||||||
|
),
|
||||||
|
SizedBox(width: 40),
|
||||||
|
FloatingActionButton(
|
||||||
|
// Provide an onPressed callback.
|
||||||
|
onPressed: () async {
|
||||||
|
// Take the Picture in a try / catch block. If anything goes wrong,
|
||||||
|
// catch the error.
|
||||||
|
try {
|
||||||
|
// Ensure that the camera is initialized.
|
||||||
|
await _initializeControllerFuture;
|
||||||
|
|
||||||
|
// Attempt to take a picture and get the file `image`
|
||||||
|
// where it was saved.
|
||||||
|
final image = await _controller.takePicture();
|
||||||
|
|
||||||
|
if (!context.mounted) return;
|
||||||
|
|
||||||
|
// If the picture was taken, display it on a new screen.
|
||||||
|
await Navigator.of(context).push(
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => EditEvent(
|
||||||
|
// Pass the automatically generated path to
|
||||||
|
// the DisplayPictureScreen widget.
|
||||||
|
events: widget.events,
|
||||||
|
imgPath: image.path,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} catch (e) {
|
||||||
|
// If an error occurs, log the error to the console.
|
||||||
|
print(e);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: const Icon(Icons.camera_alt),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
)));
|
||||||
|
}
|
||||||
|
}
|
@ -1,3 +1,4 @@
|
|||||||
|
import 'package:covas_mobile/pages/CameraEdit.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:shared_preferences/shared_preferences.dart';
|
import 'package:shared_preferences/shared_preferences.dart';
|
||||||
import 'package:http/http.dart' as http;
|
import 'package:http/http.dart' as http;
|
||||||
@ -10,6 +11,9 @@ import 'dart:io';
|
|||||||
import '../classes/events.dart';
|
import '../classes/events.dart';
|
||||||
|
|
||||||
import 'ItemMenu.dart';
|
import 'ItemMenu.dart';
|
||||||
|
import 'CameraEdit.dart';
|
||||||
|
import 'package:camera/camera.dart';
|
||||||
|
|
||||||
import '../classes/alert.dart';
|
import '../classes/alert.dart';
|
||||||
import '../classes/eventAdded.dart';
|
import '../classes/eventAdded.dart';
|
||||||
|
|
||||||
@ -26,15 +30,21 @@ class MyApp extends StatelessWidget {
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return MaterialApp(
|
return MaterialApp(
|
||||||
debugShowCheckedModeBanner: false,
|
debugShowCheckedModeBanner: false,
|
||||||
home: EditEvent(events: events),
|
home: EditEvent(
|
||||||
|
events: events,
|
||||||
|
imgPath: "",
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
class EditEvent extends StatefulWidget {
|
class EditEvent extends StatefulWidget {
|
||||||
const EditEvent({Key? key, required this.events}) : super(key: key);
|
const EditEvent({Key? key, required this.events, required this.imgPath})
|
||||||
|
: super(key: key);
|
||||||
final Events? events;
|
final Events? events;
|
||||||
|
|
||||||
|
final String imgPath;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
_EditEventState createState() => _EditEventState();
|
_EditEventState createState() => _EditEventState();
|
||||||
}
|
}
|
||||||
@ -411,6 +421,14 @@ class _EditEventState extends State<EditEvent>
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Future<void> popCamera() async {
|
||||||
|
await availableCameras().then((value) => Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (_) =>
|
||||||
|
CameraEdit(camera: value.first, events: widget.events))));
|
||||||
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
@ -425,6 +443,19 @@ class _EditEventState extends State<EditEvent>
|
|||||||
child: SingleChildScrollView(
|
child: SingleChildScrollView(
|
||||||
child: Column(
|
child: Column(
|
||||||
children: <Widget>[
|
children: <Widget>[
|
||||||
|
if (widget.imgPath.isNotEmpty)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 60.0),
|
||||||
|
child: Center(
|
||||||
|
child: Container(
|
||||||
|
width: 200,
|
||||||
|
height: 150,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(100.0)),
|
||||||
|
child: Image.file(File(widget.imgPath))),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (widget.imgPath.isEmpty)
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.only(top: 60.0),
|
padding: const EdgeInsets.only(top: 60.0),
|
||||||
child: Image.network(
|
child: Image.network(
|
||||||
@ -452,10 +483,7 @@ class _EditEventState extends State<EditEvent>
|
|||||||
Padding(
|
Padding(
|
||||||
padding: EdgeInsets.symmetric(horizontal: 15),
|
padding: EdgeInsets.symmetric(horizontal: 15),
|
||||||
child: ElevatedButton.icon(
|
child: ElevatedButton.icon(
|
||||||
onPressed: () {
|
onPressed: popCamera,
|
||||||
// Define your action here
|
|
||||||
print("Edit Image button pressed");
|
|
||||||
},
|
|
||||||
icon: Icon(Icons.edit, size: 16), // Edit icon
|
icon: Icon(Icons.edit, size: 16), // Edit icon
|
||||||
label: Text("Edit Image"), // Button text
|
label: Text("Edit Image"), // Button text
|
||||||
style: ElevatedButton.styleFrom(
|
style: ElevatedButton.styleFrom(
|
||||||
|
@ -408,7 +408,11 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
|
|||||||
onPressed: () {
|
onPressed: () {
|
||||||
Navigator.push(
|
Navigator.push(
|
||||||
context,
|
context,
|
||||||
MaterialPageRoute(builder: (_) => EditEvent(events: events)),
|
MaterialPageRoute(
|
||||||
|
builder: (_) => EditEvent(
|
||||||
|
events: events,
|
||||||
|
imgPath: "",
|
||||||
|
)),
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
backgroundColor: Colors.blue,
|
backgroundColor: Colors.blue,
|
||||||
|
Loading…
x
Reference in New Issue
Block a user