icing/G-EIP-700-TLS-7-1-eip-stephane.corbiere
5
0
Fork 0
Code Pull Requests 3 Actions Packages Releases Activity

feat: Bouton de composition permanent

Browse Source
This commit is contained in:
Florian Griffon 2024-10-03 00:03:47 +02:00
parent 69ce11ab1a
commit 592b89d488
2 changed files with 80 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
lib/pages/composition.dart Normal file
View File

@ -0,0 +1,21 @@
import 'package:flutter/material.dart';
class CompositionPage extends StatelessWidget {
const CompositionPage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.black,
appBar: AppBar(
title: const Text('Composition Page'),
),
body: Center(
child: const Text(
'Composition Page',
style: TextStyle(fontSize: 24),
),
),
);
}
}

85
lib/pages/myHomePage.dart
View File

@ -1,6 +1,7 @@
import 'package:dialer/pages/contact.dart';
import 'package:dialer/pages/favorites.dart';
import 'package:dialer/pages/history.dart';
import 'package:dialer/pages/composition.dart';
import 'package:flutter/material.dart';
class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin {
@ -9,8 +10,9 @@ class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateM
@override
void initState() {
super.initState();
_tabController = TabController(length: 2, vsync: this, initialIndex: 1);
_tabController = TabController(length: 4, vsync: this, initialIndex: 1);
_tabController.addListener(_handleTabIndex);
}
@override
@ -25,35 +27,66 @@ class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateM
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.black,
body: TabBarView(
controller: _tabController,
children: const [
FavoritePage(), // Page des favoris
HistoryPage(), // Page de l'historique
ContactPage(), // Page des contacts
],
),
bottomNavigationBar: Container(
color: Colors.black,
child: TabBar(
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.black,
body: Stack(
children: [
TabBarView(
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)),
children: const [
FavoritePage(),
HistoryPage(),
ContactPage(),
CompositionPage(),
],
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
),
if (_tabController.index != 3)
Positioned(
right: 20, // Adjust the right position as needed
bottom: 20, // Adjust the bottom position as needed
child: FloatingActionButton(
onPressed: () {
// Handle button press, like navigating to the composition page
_tabController.animateTo(3); // Navigates to the CompositionPage (index 3)
},
backgroundColor: Colors.blue,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(45), // Rounded corners for the square button
),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: const [
Icon(Icons.dialpad, color: Colors.white),
],
),
),
),
),
],
),
bottomNavigationBar: Container(
color: Colors.black,
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 == 3 ? Icons.create : Icons.create_outlined)),
],
labelColor: Colors.white,
unselectedLabelColor: Colors.grey,
indicatorSize: TabBarIndicatorSize.label,
indicatorColor: Colors.white,
),
);
}
),
);
}
}