reduzierung des codes und optimierung der UserDefinedList.dart

This commit is contained in:
2023-05-08 19:30:36 +02:00
parent 2b217f8f6a
commit 3786df22cc
5 changed files with 39 additions and 227 deletions
+2 -3
View File
@@ -1,5 +1,4 @@
import 'dart:io'; import 'dart:io';
import 'package:firebase_storage/firebase_storage.dart'; import 'package:firebase_storage/firebase_storage.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart'; import 'package:image_picker/image_picker.dart';
@@ -228,7 +227,7 @@ class _AddScreenState extends State<AddScreen> {
), ),
), ),
Center( Center(
child: Container( child: SizedBox(
height: 80, height: 80,
child: ListTile( child: ListTile(
leading: const Icon( leading: const Icon(
@@ -245,7 +244,7 @@ class _AddScreenState extends State<AddScreen> {
), ),
), ),
Center( Center(
child: Container( child: SizedBox(
height: 80, height: 80,
child: ListTile( child: ListTile(
leading: const Icon( leading: const Icon(
+1 -2
View File
@@ -1,6 +1,5 @@
import 'package:cached_network_image/cached_network_image.dart'; import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
class DetailPage extends StatelessWidget { class DetailPage extends StatelessWidget {
final String title; final String title;
@@ -37,7 +36,7 @@ class DetailPage extends StatelessWidget {
child: CircularProgressIndicator(), child: CircularProgressIndicator(),
), ),
), ),
errorWidget: (context, url, error) => Icon(Icons.error), errorWidget: (context, url, error) => const Icon(Icons.error),
), ),
), ),
Container( Container(
+31 -211
View File
@@ -1,6 +1,7 @@
import 'package:cached_network_image/cached_network_image.dart'; import 'package:cached_network_image/cached_network_image.dart';
import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_storage/firebase_storage.dart'; import 'package:firebase_storage/firebase_storage.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'DetailPage.dart'; import 'DetailPage.dart';
import 'package:intl/intl.dart'; import 'package:intl/intl.dart';
@@ -52,7 +53,7 @@ class UserDefinedItem extends StatelessWidget {
child: CircularProgressIndicator(), child: CircularProgressIndicator(),
), ),
), ),
errorWidget: (context, url, error) => Icon(Icons.error), errorWidget: (context, url, error) => const Icon(Icons.error),
), ),
), ),
Flexible( Flexible(
@@ -103,20 +104,16 @@ class UserDefinedItem extends StatelessWidget {
} }
} }
// ... class GenericList extends StatefulWidget {
final String collectionName;
// Ändern Sie die Verwendung von Image.network in UserDefinedItem-Widgets in Ihren ListView.builder-Aufrufen: const GenericList({Key? key, required this.collectionName}) : super(key: key);
class NewsList extends StatefulWidget {
const NewsList({Key? key}) : super(key: key);
@override @override
_NewsListState createState() => _NewsListState(); _GenericListState createState() => _GenericListState();
} }
class _NewsListState extends State<NewsList> { class _GenericListState extends State<GenericList> {
final FirebaseFirestore firestore = FirebaseFirestore.instance; final FirebaseFirestore firestore = FirebaseFirestore.instance;
late Stream<QuerySnapshot> newsStream;
@override @override
void initState() { void initState() {
@@ -127,32 +124,35 @@ class _NewsListState extends State<NewsList> {
// Enable network // Enable network
firestore.settings = firestore.settings =
Settings(cacheSizeBytes: Settings.CACHE_SIZE_UNLIMITED); const Settings(cacheSizeBytes: Settings.CACHE_SIZE_UNLIMITED);
}
// Configure the stream to use the cache first and then the server Stream<QuerySnapshot> getDocumentStream() {
newsStream = firestore return firestore
.collection('News') .collection(widget.collectionName)
.orderBy('createdDate', descending: true) .orderBy('createdDate', descending: true)
.snapshots(includeMetadataChanges: true); .snapshots(includeMetadataChanges: true);
} }
Future<void> _deleteNews(String newsId, String? imageUrl) async { Future<void> _deleteDocument(String documentId, String? imageUrl) async {
try { try {
if (imageUrl != null) { if (imageUrl != null) {
// Löschen Sie das Bild vom Firebase Storage // Löschen Sie das Bild vom Firebase Storage
await FirebaseStorage.instance.refFromURL(imageUrl).delete(); await FirebaseStorage.instance.refFromURL(imageUrl).delete();
} }
// Löschen Sie das Dokument von der Firestore-Kollektion // Löschen Sie das Dokument von der Firestore-Kollektion
await firestore.collection('News').doc(newsId).delete(); await firestore.collection(widget.collectionName).doc(documentId).delete();
} catch (e) { } catch (e) {
print('Error deleting news: $e'); if (kDebugMode) {
print('Error deleting document: $e');
}
} }
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return StreamBuilder<QuerySnapshot>( return StreamBuilder<QuerySnapshot>(
stream: newsStream, stream: getDocumentStream(),
builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) { builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
if (snapshot.hasError) { if (snapshot.hasError) {
return Text('Error: ${snapshot.error}'); return Text('Error: ${snapshot.error}');
@@ -166,207 +166,27 @@ class _NewsListState extends State<NewsList> {
itemCount: documents.length, itemCount: documents.length,
itemBuilder: (BuildContext context, int index) { itemBuilder: (BuildContext context, int index) {
final Map<String, dynamic> data = final Map<String, dynamic> data =
documents[index].data()! as Map<String, dynamic>; documents[index].data()! as Map<String, dynamic>;
final String newsId = documents[index].id;
final DateTime createdDate = data['createdDate'].toDate();
final formattedDate =
DateFormat('dd.MM.yyyy').format(createdDate);
return Dismissible(
key: UniqueKey(),
direction: DismissDirection.endToStart,
onDismissed: (direction) {
_deleteNews(newsId, data['imageUrl']);
},
background: Container(
color: Colors.red,
child: const Align(
alignment: Alignment.centerRight,
child: Padding(
padding: EdgeInsets.only(right: 16),
child: Icon(Icons.delete, color: Colors.white),
),
),
),
child: UserDefinedItem(
title: data['title'] ?? '',
datum: formattedDate,
description: data['description'] ?? '',
imageUrl: data['imageUrl'] ?? '',
),
);
},
);
}
},
);
}
}
class IssueList extends StatefulWidget {
const IssueList({Key? key}) : super(key: key);
@override
_IssueListState createState() => _IssueListState();
}
class _IssueListState extends State<IssueList> {
final FirebaseFirestore firestore = FirebaseFirestore.instance;
late Stream<QuerySnapshot> issueStream;
@override
void initState() {
super.initState();
// Enable persistence
firestore.enablePersistence();
// Enable network
firestore.settings =
Settings(cacheSizeBytes: Settings.CACHE_SIZE_UNLIMITED);
// Configure the stream to use the cache first and then the server
issueStream = firestore
.collection('Issues')
.orderBy('createdDate', descending: true)
.snapshots(includeMetadataChanges: true);
}
Future<void> _deleteIssue(String issueId, String imageUrl) async {
try {
final Reference ref = FirebaseStorage.instance.refFromURL(imageUrl);
await ref.delete();
await firestore.collection('Issues').doc(issueId).delete();
} catch (e) {
print('Error deleting issue: $e');
}
}
@override
Widget build(BuildContext context) {
return StreamBuilder<QuerySnapshot>(
stream: issueStream,
builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
if (snapshot.hasError) {
return Text('Error: ${snapshot.error}');
}
switch (snapshot.connectionState) {
case ConnectionState.waiting:
return const Text('Loading...');
default:
final List<QueryDocumentSnapshot> documents = snapshot.data!.docs;
return ListView.builder(
itemCount: documents.length,
itemBuilder: (BuildContext context, int index) {
final Map<String, dynamic> data =
documents[index].data()! as Map<String, dynamic>;
final String issueId = documents[index].id;
final DateTime createdDate = data['createdDate'].toDate();
final formattedDate =
DateFormat('dd.MM.yyyy').format(createdDate);
return Dismissible(
key: UniqueKey(),
direction: DismissDirection.endToStart,
onDismissed: (direction) {
_deleteIssue(issueId, data['imageUrl']);
},
background: Container(
color: Colors.red,
child: const Align(
alignment: Alignment.centerRight,
child: Padding(
padding: EdgeInsets.only(right: 16),
child: Icon(Icons.delete, color: Colors.white),
),
),
),
child: UserDefinedItem(
title: data['title'] ?? '',
datum: formattedDate,
description: data['description'] ?? '',
imageUrl: data['imageUrl'] ?? '',
),
);
},
);
}
},
);
}
}
class CitizensForum extends StatefulWidget {
const CitizensForum({Key? key}) : super(key: key);
@override
_CitizensForumState createState() => _CitizensForumState();
}
class _CitizensForumState extends State<CitizensForum> {
final FirebaseFirestore firestore = FirebaseFirestore.instance;
late Stream<QuerySnapshot<Map<String, dynamic>>> citizenStream;
@override
void initState() {
super.initState();
// Enable persistence
firestore.enablePersistence();
// Enable network
firestore.settings =
Settings(cacheSizeBytes: Settings.CACHE_SIZE_UNLIMITED);
// Configure the stream to use the cache first and then the server
citizenStream = firestore
.collection('CitizensForum')
.orderBy('createdDate', descending: true)
.snapshots(includeMetadataChanges: true);
}
Future<void> deleteDocument(String documentId, String? imageUrl) async {
// Delete document
await firestore.collection('CitizensForum').doc(documentId).delete();
// Delete image file
if (imageUrl != null) {
await FirebaseStorage.instance.refFromURL(imageUrl).delete();
}
}
@override
Widget build(BuildContext context) {
return StreamBuilder<QuerySnapshot<Map<String, dynamic>>>(
stream: citizenStream,
builder: (BuildContext context,
AsyncSnapshot<QuerySnapshot<Map<String, dynamic>>> snapshot) {
if (snapshot.hasError) {
return Text('Error: ${snapshot.error}');
}
switch (snapshot.connectionState) {
case ConnectionState.waiting:
return const Text('Loading...');
default:
final List<QueryDocumentSnapshot<Map<String, dynamic>>> documents =
snapshot.data!.docs;
return ListView.builder(
itemCount: documents.length,
itemBuilder: (BuildContext context, int index) {
final Map<String, dynamic> data = documents[index].data();
final String documentId = documents[index].id; final String documentId = documents[index].id;
final DateTime createdDate = data['createdDate'].toDate(); final DateTime createdDate = data['createdDate'].toDate();
final formattedDate = final formattedDate =
DateFormat('dd.MM.yyyy').format(createdDate); DateFormat('dd.MM.yyyy').format(createdDate);
return Dismissible( return Dismissible(
key: Key(documentId), key: UniqueKey(),
direction: DismissDirection.endToStart, direction: DismissDirection.endToStart,
onDismissed: (direction) {
_deleteDocument(documentId, data['imageUrl']);
},
background: Container( background: Container(
alignment: Alignment.centerRight,
padding: const EdgeInsets.only(right: 16.0),
color: Colors.red, color: Colors.red,
child: const Icon(Icons.delete, color: Colors.white), child: const Align(
alignment: Alignment.centerRight,
child: Padding(
padding: EdgeInsets.only(right: 16),
child: Icon(Icons.delete, color: Colors.white),
),
),
), ),
onDismissed: (_) =>
deleteDocument(documentId, data['imageUrl']),
child: UserDefinedItem( child: UserDefinedItem(
title: data['title'] ?? '', title: data['title'] ?? '',
datum: formattedDate, datum: formattedDate,
+5 -5
View File
@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
import 'UserDefinedList.dart'; import 'UserDefinedList.dart';
class MyHomePage extends StatefulWidget { class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}); const MyHomePage({super.key, required this.title});
final String title; final String title;
@@ -33,9 +33,9 @@ class _MyHomePageState extends State<MyHomePage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final List<Widget> widgetOptions = <Widget>[ final List<Widget> widgetOptions = <Widget>[
const CitizensForum(), const GenericList(collectionName: 'CitizensForum'),
const NewsList(), const GenericList(collectionName: 'News'),
const IssueList(), const GenericList(collectionName: 'Issues'),
Column(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Column(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
ElevatedButton( ElevatedButton(
child: Text(login ? 'Logout' : 'Login'), child: Text(login ? 'Logout' : 'Login'),
@@ -68,7 +68,7 @@ class _MyHomePageState extends State<MyHomePage> {
); );
}, },
tooltip: "Add", tooltip: "Add",
child: Icon(Icons.add), child: const Icon(Icons.add),
), ),
bottomNavigationBar: BottomNavigationBar( bottomNavigationBar: BottomNavigationBar(
items: const <BottomNavigationBarItem>[ items: const <BottomNavigationBarItem>[
-6
View File
@@ -1,14 +1,8 @@
//TEST, TEST
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'home.dart'; import 'home.dart';
import 'package:firebase_core/firebase_core.dart'; import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart'; import 'firebase_options.dart';
// ...
void main() async { void main() async {
WidgetsFlutterBinding.ensureInitialized(); WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp( await Firebase.initializeApp(