Scribd
Upload
8 views43 pages

Zipper

The document is a Flutter widget named 'zipper' that creates a user interface with an AppBar and a body containing various cards and data tables. It presents different verb tenses in French, including 'Présent', 'Passé simple', 'Futur simple', 'Imparfait', and 'Temps Composé', displaying conjugations for the verb 'zipp'. The layout is responsive, adjusting based on the screen size, and includes styling elements like colors and borders.

Uploaded by

Billy Kouatouka
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views43 pages

Zipper

The document is a Flutter widget named 'zipper' that creates a user interface with an AppBar and a body containing various cards and data tables. It presents different verb tenses in French, including 'Présent', 'Passé simple', 'Futur simple', 'Imparfait', and 'Temps Composé', displaying conjugations for the verb 'zipp'. The layout is responsive, adjusting based on the screen size, and includes styling elements like colors and borders.

Uploaded by

Billy Kouatouka
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 43

import 'package:flutter/material.

dart';

class zipper extends StatelessWidget {


const zipper({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
final screensize=MediaQuery.of(context).size.width;
return Scaffold(
appBar: AppBar(
centerTitle: true,
title: const Text("zipper",style: TextStyle(color:Colors.white),),
leading:IconButton(onPressed: (){Navigator.pop(context);}, icon:
Icon(Icons.arrow_back,color:Colors.white)),
backgroundColor:const Color(0xff576282),
),
body: SingleChildScrollView(
child: Container(
padding: const EdgeInsets.all(10),
child: Column(
children: [
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: MediaQuery.of(context).size.width,
child: const Center(child:
Text("Indicatif",style:TextStyle(fontWeight: FontWeight.bold,fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20))),
elevation: 8,
child: Container(
padding: const EdgeInsets.all(6),
width: MediaQuery.of(context).size.width,
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xff576282),
),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(20),
topRight: Radius.circular(20)),
),
child: const Center(
child: Text(
"Temps Simple",
style: TextStyle(fontWeight: FontWeight.bold,color:
Color(0xff576282)),

),
),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282),width:
1),
),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
decoration: const BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(child: Text("Présent"))),
),
DataColumn(
label: Expanded(
child: Center(
child: Text("Passé simple"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "es",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ent",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ai",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "as",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "a",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "âmes",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "âtes",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "èrent",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15))),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(
child: Text("Futur simple")))),
DataColumn(
label: Expanded(
child:
Center(child: Text("Imparfait"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "erai",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "eras",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "era",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "erons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "erez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "eront",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ait",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "iez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "aient",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
const SizedBox(
height: 20,
),
Container(
height: 25,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xff576282),
),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
child: const Center(
child: Text(
"Temps Composé",
style: TextStyle(fontWeight: FontWeight.bold,color:
Color(0xff576282)),

),
),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
decoration: const BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
columns: const [
DataColumn(
label: Expanded(
child:
Center(child: Text("Passé composé"))),
),
DataColumn(
label: Expanded(
child: Center(
child: Text("Passé anterieur"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "j'ai ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu as ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il a ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous avons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous avez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils ont ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "j'eus ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu eus ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il eut ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous eûmes ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous eûtes ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils eurent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15))),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
columns: const [
DataColumn(
label: Expanded(
child: Center(
child: Text("Futur anterieur")))),
DataColumn(
label: Expanded(
child: Center(
child: Text("Plus-que-parfait"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "j'aurai ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu auras ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il aura ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous aurons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous aurez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils auront ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "j'avais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu avais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il avais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous avions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous aviez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils avaient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
// Deuxieme partie de la conjugaison
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: MediaQuery.of(context).size.width,
child: const Center(child:
Text("Subjonctif",style:TextStyle(fontWeight: FontWeight.bold,fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20))),
elevation: 8,
child: Container(
padding: const EdgeInsets.all(6),
width: MediaQuery.of(context).size.width,
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xff576282),
),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
decoration: const BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(child: Text("Présent"))),
),
DataColumn(
label: Expanded(
child: Center(child: Text("Passé "))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "que je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "es",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "qu'il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "qu'ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ent",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "que j'aie ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que tu aies ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "qu'il ait ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que nous ayons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que vous ayez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "qu'ils aient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15))),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child:
Center(child: Text("Imparfait")))),
DataColumn(
label: Expanded(
child: Center(
child: Text("Plus-que-parfait"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "que je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "asse",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "asses",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "qu'il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ât",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "assions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "assiez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "qu'ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "assent",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "que j'eusse ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que tu eusses ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color: const
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "qu'il eût ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que nous eussions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "que vous eussiez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "qu'ils eussent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: MediaQuery.of(context).size.width,
child: const Center(child:
Text("Conditionnel",style:TextStyle(fontWeight: FontWeight.bold,fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20))),
elevation: 8,
child: Container(
padding: const EdgeInsets.all(6),
width: MediaQuery.of(context).size.width,
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xff576282),
),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
decoration: const BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(
child: Text.rich(
TextSpan(text: "Present", children: [
TextSpan(
text: "",
style: TextStyle(
color: Colors.transparent))
]),
))),
),
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "erais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "erais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "erait",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "erions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "eriez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "eraient",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
])
]),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15))),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(
child: Text(
"Passé 1\u1d49\u02b3 forme")))),
DataColumn(
label: Expanded(
child: Center(
child: Text(
"Passé 2\u1d49\u1d50 forme"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "j'aurais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu aurais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il aurait ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous aurions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous auriez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils auraient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "j'eusse ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "tu eusses ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "il eût ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "nous eussions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "vous eussiez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ils eussent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: MediaQuery.of(context).size.width,
child: const Center(child:
Text("Impératif",style:TextStyle(fontWeight: FontWeight.bold,fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20))),
elevation: 8,
child: Container(
padding: const EdgeInsets.all(6),
width: MediaQuery.of(context).size.width,
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xff576282),
),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15))),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
decoration: const BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
// ignore: deprecated_member_use
dataRowHeight: 62,
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(child: Text("Présent"))),
),
DataColumn(
label: Expanded(
child: Center(child: Text("Passé"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "aie ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ayons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
Text.rich(
TextSpan(
text: "ayez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: MediaQuery.of(context).size.width,
child: const Center(child:
Text("Participe",style:TextStyle(fontWeight: FontWeight.bold,fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20))),
elevation: 8,
child: Container(
padding: const EdgeInsets.all(6),
width: MediaQuery.of(context).size.width,
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: Border.all(
color:const Color(0xff576282),
),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15))),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(child: Text("Présent"))),
),
DataColumn(
label: Expanded(
child: Center(child: Text("Passé"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: " ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ant",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "ayant ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: MediaQuery.of(context).size.width,
child: const Center(child:
Text("Infinitif",style:TextStyle(fontWeight: FontWeight.bold,fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20))),
elevation: 8,
child: Container(
padding: const EdgeInsets.all(6),
width: MediaQuery.of(context).size.width,
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xff576282),
),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15))),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(child: Text("Présent"))),
),
DataColumn(
label: Expanded(
child: Center(child: Text("Passé"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 0),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: " ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "er",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 0),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "avoir ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: MediaQuery.of(context).size.width,
child: const Center(child:
Text("Gérontif",style:TextStyle(fontWeight: FontWeight.bold,fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20))),
elevation: 8,
child: Container(
padding: const EdgeInsets.all(6),
width: MediaQuery.of(context).size.width,
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xff576282),
),
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: Border.all(color: const Color(0xff576282)),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15))),
width: double.infinity,
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold),
headingRowColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return const Color(0xff576282);
}),
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
columns: const [
DataColumn(
label: Expanded(
child: Center(child: Text("Présent"))),
),
DataColumn(
label: Expanded(
child: Center(child: Text("Passé"))))
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 0),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "en ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "ant",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: EdgeInsets.only(top: 4, bottom: 0),
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text.rich(
TextSpan(
text: "en ayant ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zipp"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
)
],
),
),
));

}
}

You might also like