add classic contact page scroll
This commit is contained in:
parent
69ce11ab1a
commit
2fee7495ee
@ -1,4 +1,6 @@
|
||||
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<uses-permission android:name="android.permission.READ_CONTACTS"/>
|
||||
<uses-permission android:name="android.permission.WRITE_CONTACTS"/>
|
||||
<!-- The INTERNET permission is required for development. Specifically,
|
||||
the Flutter tool needs it to communicate with the running application
|
||||
to allow setting breakpoints, to provide hot reload, etc.
|
||||
|
@ -1,6 +1,8 @@
|
||||
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<uses-permission android:name="android.permission.READ_CONTACTS"/>
|
||||
<uses-permission android:name="android.permission.WRITE_CONTACTS"/>
|
||||
<application
|
||||
android:label="dialer"
|
||||
android:label="com.example.dialer"
|
||||
android:name="${applicationName}"
|
||||
android:icon="@mipmap/ic_launcher">
|
||||
<activity
|
||||
|
@ -1,4 +1,6 @@
|
||||
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<uses-permission android:name="android.permission.READ_CONTACTS"/>
|
||||
<uses-permission android:name="android.permission.WRITE_CONTACTS"/>
|
||||
<!-- The INTERNET permission is required for development. Specifically,
|
||||
the Flutter tool needs it to communicate with the running application
|
||||
to allow setting breakpoints, to provide hot reload, etc.
|
||||
|
@ -1,47 +0,0 @@
|
||||
import 'package:dialer/pages/callingPage.dart';
|
||||
import 'package:dialer/classes/contactClass.dart';
|
||||
import 'package:dialer/classes/displayAvatar.dart';
|
||||
import 'package:dialer/pages/history.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
|
||||
class DisplayContact extends StatelessWidget {
|
||||
String getTimeElapsed(DateTime date) {
|
||||
final now = DateTime.now();
|
||||
final difference = now.difference(date);
|
||||
if (difference.inDays > 0) {
|
||||
return '${difference.inDays} days ago';
|
||||
} else if (difference.inHours > 0) {
|
||||
return '${difference.inHours} hours ago';
|
||||
} else if (difference.inMinutes > 0) {
|
||||
return '${difference.inMinutes} minutes ago';
|
||||
} else {
|
||||
return 'Just now';
|
||||
}
|
||||
}
|
||||
|
||||
final Contact contact;
|
||||
final History? history;
|
||||
|
||||
const DisplayContact({super.key, required this.contact, this.history});
|
||||
|
||||
void _openVisualPage(BuildContext context) {
|
||||
Navigator.push(context, MaterialPageRoute(builder: (context) => CallingPage(contact: contact)));
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListTile(
|
||||
leading: DisplayAvatar(contact: contact),
|
||||
title: Text(contact.name),
|
||||
subtitle: history != null ? Text(getTimeElapsed(history!.date)) : null,
|
||||
trailing: InkWell(
|
||||
onTap: () => _openVisualPage(context),
|
||||
child: const Icon(Icons.call),
|
||||
),
|
||||
onTap: () {
|
||||
// Ajoutez ici le code pour appeler le contact
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
@ -1,6 +1,5 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:dialer/classes/contactClass.dart';
|
||||
import 'package:dialer/classes/displayContact.dart';
|
||||
import 'package:flutter_contacts/flutter_contacts.dart'; // Updated package
|
||||
|
||||
class ContactPage extends StatefulWidget {
|
||||
const ContactPage({super.key});
|
||||
@ -8,35 +7,94 @@ class ContactPage extends StatefulWidget {
|
||||
@override
|
||||
_ContactPageState createState() => _ContactPageState();
|
||||
}
|
||||
|
||||
|
||||
class _ContactPageState extends State<ContactPage> {
|
||||
List<Contact> _contacts = [];
|
||||
bool _loading = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_fetchContacts();
|
||||
}
|
||||
|
||||
// Request permission and fetch contacts
|
||||
Future<void> _fetchContacts() async {
|
||||
if (await FlutterContacts.requestPermission()) {
|
||||
List<Contact> contacts = await FlutterContacts.getContacts(withProperties: true, withThumbnail: true);
|
||||
setState(() {
|
||||
_contacts = contacts;
|
||||
_loading = false;
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
_loading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Add a new contact using flutter_contacts
|
||||
Future<void> _addNewContact() async {
|
||||
Contact newContact = Contact(
|
||||
name: Name(first: 'John', last: 'Doe'),
|
||||
phones: [Phone('123456789')],
|
||||
);
|
||||
await FlutterContacts.insertContact(newContact);
|
||||
_fetchContacts(); // Refresh the contact list
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.black,
|
||||
appBar: AppBar(
|
||||
title: const Text('Contacts'),
|
||||
),
|
||||
body: ListView.builder(
|
||||
itemCount: contacts.length,
|
||||
itemBuilder: (context, index) {
|
||||
return DisplayContact(contact: contacts[index]);
|
||||
},
|
||||
body: _loading
|
||||
? const Center(child: CircularProgressIndicator())
|
||||
: _contacts.isEmpty
|
||||
? const Center(child: Text('No contacts found'))
|
||||
: ListView.builder(
|
||||
itemCount: _contacts.length,
|
||||
itemBuilder: (context, index) {
|
||||
return ContactTile(contact: _contacts[index]);
|
||||
},
|
||||
),
|
||||
floatingActionButton: FloatingActionButton(
|
||||
child: const Icon(Icons.add),
|
||||
onPressed: _addNewContact,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
List<Contact> contacts = [
|
||||
Contact('Axel NAVARRO BOUZEHRIR (arabe)', '0618859419'),
|
||||
Contact('Fabrice Iguet', '0618958419'),
|
||||
Contact('La Banque Axial', '0619358514'),
|
||||
Contact('Maman', '0618955417', isFavorite: true, isLocked: true),
|
||||
Contact('Micheline Verdet', '0618527419', isLocked: true),
|
||||
Contact('Philippe Mogue', '0618955889', isFavorite: true),
|
||||
Contact('Pizza Enrico Pucci', '0618951439', isLocked: true),
|
||||
Contact('Quentin Aumas', '0610252019'),
|
||||
Contact('Yohan HATOT', '0618102552', isFavorite: true, isLocked: true),
|
||||
Contact('Zizou', '0618514479'),
|
||||
];
|
||||
// Contact Tile to display each contact
|
||||
class ContactTile extends StatelessWidget {
|
||||
final Contact contact;
|
||||
|
||||
const ContactTile({super.key, required this.contact});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListTile(
|
||||
leading: (contact.thumbnail != null)
|
||||
? CircleAvatar(backgroundImage: MemoryImage(contact.thumbnail!))
|
||||
: CircleAvatar(child: Text(_getInitials(contact.displayName))),
|
||||
title: Text(contact.displayName ?? 'No Name'),
|
||||
subtitle: contact.phones.isNotEmpty
|
||||
? Text(contact.phones.first.number)
|
||||
: const Text('No phone number'),
|
||||
trailing: IconButton(
|
||||
icon: const Icon(Icons.call),
|
||||
onPressed: () {
|
||||
// Handle call action
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _getInitials(String? name) {
|
||||
if (name == null || name.isEmpty) return "";
|
||||
List<String> names = name.split(' ');
|
||||
return names.map((n) => n[0]).take(2).join().toUpperCase();
|
||||
}
|
||||
}
|
||||
|
@ -1,5 +1,3 @@
|
||||
import 'package:dialer/classes/displayContact.dart';
|
||||
import 'package:dialer/pages/contact.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class FavoritePage extends StatefulWidget {
|
||||
@ -17,16 +15,7 @@ class _FavoritePageState extends State<FavoritePage> {
|
||||
appBar: AppBar(
|
||||
title: const Text('Favorites'),
|
||||
),
|
||||
body: ListView.builder(
|
||||
itemCount: contacts.length,
|
||||
itemBuilder: (context, index) {
|
||||
if (contacts[index].isFavorite) {
|
||||
return DisplayContact(contact: contacts[index]);
|
||||
} else {
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
},
|
||||
),
|
||||
body: Text("Hello")
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -1,20 +1,9 @@
|
||||
import 'package:dialer/classes/contactClass.dart';
|
||||
import 'package:dialer/pages/contact.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:dialer/classes/displayContact.dart';
|
||||
|
||||
|
||||
List<History> histories = [
|
||||
History(contacts[0], DateTime.now().subtract(const Duration(hours: 2))),
|
||||
History(contacts[1], DateTime.now().subtract(const Duration(hours: 8))),
|
||||
History(contacts[2], DateTime.now().subtract(const Duration(days: 3, hours: 4))),
|
||||
History(contacts[3], DateTime.now().subtract(const Duration(days: 4, hours: 5))),
|
||||
History(contacts[4], DateTime.now().subtract(const Duration(days: 5, hours: 6))),
|
||||
History(contacts[5], DateTime.now().subtract(const Duration(days: 6, hours: 7))),
|
||||
History(contacts[6], DateTime.now().subtract(const Duration(days: 7, hours: 8))),
|
||||
History(contacts[7], DateTime.now().subtract(const Duration(days: 8, hours: 9))),
|
||||
History(contacts[8], DateTime.now().subtract(const Duration(days: 9, hours: 10))),
|
||||
History(contacts[9], DateTime.now().subtract(const Duration(days: 10, hours: 11))),
|
||||
History("Hello"),
|
||||
];
|
||||
|
||||
class HistoryPage extends StatefulWidget {
|
||||
@ -35,7 +24,7 @@ class _HistoryPageState extends State<HistoryPage> {
|
||||
body: ListView.builder(
|
||||
itemCount: histories.length,
|
||||
itemBuilder: (context, index) {
|
||||
return DisplayContact(contact: histories[index].contact, history: histories[index]);
|
||||
//
|
||||
},
|
||||
),
|
||||
);
|
||||
@ -43,8 +32,7 @@ class _HistoryPageState extends State<HistoryPage> {
|
||||
}
|
||||
|
||||
class History {
|
||||
final Contact contact;
|
||||
final DateTime date;
|
||||
final String text;
|
||||
|
||||
History(this.contact, this.date);
|
||||
History(this.text);
|
||||
}
|
||||
|
@ -1,7 +1,7 @@
|
||||
import 'package:dialer/pages/contact.dart';
|
||||
import 'package:dialer/pages/favorites.dart';
|
||||
import 'package:dialer/pages/history.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:dialer/pages/contact.dart'; // Import ContactPage
|
||||
import 'package:dialer/pages/favorites.dart'; // Import FavoritePage
|
||||
import 'package:dialer/pages/history.dart'; // Import HistoryPage
|
||||
|
||||
class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin {
|
||||
late TabController _tabController;
|
||||
@ -9,7 +9,8 @@ class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateM
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_tabController = TabController(length: 2, vsync: this, initialIndex: 1);
|
||||
// Update TabController to handle 3 tabs (Favorites, History, Contacts)
|
||||
_tabController = TabController(length: 3, vsync: this, initialIndex: 1);
|
||||
_tabController.addListener(_handleTabIndex);
|
||||
}
|
||||
|
||||
@ -30,10 +31,11 @@ class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateM
|
||||
backgroundColor: Colors.black,
|
||||
body: TabBarView(
|
||||
controller: _tabController,
|
||||
children: const [
|
||||
FavoritePage(), // Page des favoris
|
||||
HistoryPage(), // Page de l'historique
|
||||
ContactPage(), // Page des contacts
|
||||
// Add the new ContactPage in the TabBarView
|
||||
children: [
|
||||
FavoritePage(), // Favorites page
|
||||
HistoryPage(), // History page
|
||||
ContactPage(), // New Contacts page
|
||||
],
|
||||
),
|
||||
bottomNavigationBar: Container(
|
||||
@ -41,22 +43,21 @@ class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateM
|
||||
child: TabBar(
|
||||
controller: _tabController,
|
||||
tabs: [
|
||||
Tab(icon: Icon(_tabController.index == 0 ? Icons.star : Icons.star_border)),
|
||||
Tab(icon: Icon(_tabController.index == 1 ? Icons.access_time_filled : Icons.access_time_outlined)),
|
||||
Tab(icon: Icon(_tabController.index == 2 ? Icons.contacts : Icons.contacts_outlined)),
|
||||
Tab(icon: Icon(_tabController.index == 0 ? Icons.star : Icons.star_border)), // Favorite tab
|
||||
Tab(icon: Icon(_tabController.index == 1 ? Icons.access_time_filled : Icons.access_time_outlined)), // History tab
|
||||
Tab(icon: Icon(_tabController.index == 2 ? Icons.contacts : Icons.contacts_outlined)), // Contact tab
|
||||
],
|
||||
labelColor: Colors.white,
|
||||
unselectedLabelColor: Colors.grey,
|
||||
indicatorSize: TabBarIndicatorSize.label,
|
||||
indicatorPadding: const EdgeInsets.only(bottom: -0), // Ajustez le padding pour élever la ligne blanche au-dessus des icônes si nécessaire
|
||||
indicatorColor: Colors.white, // Couleur de la barre horizontale blanche
|
||||
indicatorPadding: const EdgeInsets.only(bottom: -0), // Adjust padding if needed
|
||||
indicatorColor: Colors.white, // White horizontal indicator line
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
class MyHomePage extends StatefulWidget {
|
||||
const MyHomePage({super.key});
|
||||
|
||||
|
@ -1,5 +1,5 @@
|
||||
name: dialer
|
||||
description: "A new Flutter project."
|
||||
description: "Icing Dialer"
|
||||
# The following line prevents the package from being accidentally published to
|
||||
# pub.dev using `flutter pub publish`. This is preferred for private packages.
|
||||
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
|
||||
@ -35,6 +35,9 @@ dependencies:
|
||||
# The following adds the Cupertino Icons font to your application.
|
||||
# Use with the CupertinoIcons class for iOS style icons.
|
||||
cupertino_icons: ^1.0.8
|
||||
flutter_contacts: ^1.1.9+2
|
||||
permission_handler: ^10.2.0 # For handling permissions
|
||||
cached_network_image: ^3.2.3 # For caching contact images
|
||||
|
||||
dev_dependencies:
|
||||
flutter_test:
|
||||
@ -45,7 +48,7 @@ dev_dependencies:
|
||||
# activated in the `analysis_options.yaml` file located at the root of your
|
||||
# package. See that file for information about deactivating specific lint
|
||||
# rules and activating additional ones.
|
||||
flutter_lints: ^4.0.0
|
||||
flutter_lints: ^5.0.0
|
||||
|
||||
# For information on the generic Dart part of this file, see the
|
||||
# following page: https://dart.dev/tools/pub/pubspec
|
||||
|
Loading…
Reference in New Issue
Block a user