Scribd
Upload
68 views43 pages

Flutter Zoner App UI Design

The document is a Flutter widget named 'zoner' that creates a user interface for displaying verb conjugations in French. It includes an AppBar, several Cards, and DataTables to present various verb tenses such as 'Présent', 'Passé simple', 'Futur simple', and 'Temps Composé'. The layout is responsive and adapts to different screen sizes.

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
68 views43 pages

Flutter Zoner App UI Design

The document is a Flutter widget named 'zoner' that creates a user interface for displaying verb conjugations in French. It includes an AppBar, several Cards, and DataTables to present various verb tenses such as 'Présent', 'Passé simple', 'Futur simple', and 'Temps Composé'. The layout is responsive and adapts to different screen sizes.

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

import 'package:flutter/material.

dart';

class zoner extends StatelessWidget {


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

@override
Widget build(BuildContext context) {
final screensize=[Link](context).[Link];
return Scaffold(
appBar: AppBar(
centerTitle: true,
title: const Text("zoner",style: TextStyle(color:[Link]),),
leading:IconButton(onPressed: (){[Link](context);}, icon:
Icon(Icons.arrow_back,color:[Link])),
backgroundColor:const Color(0xff576282),
),
body: SingleChildScrollView(
child: Container(
padding: const [Link](10),
child: Column(
children: [
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: [Link](context).[Link],
child: const Center(child:
Text("Indicatif",style:TextStyle(fontWeight: [Link],fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](20))),
elevation: 8,
child: Container(
padding: const [Link](6),
width: [Link](context).[Link],
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: [Link](
color: const Color(0xff576282),
),
borderRadius: const [Link](
topLeft: [Link](20),
topRight: [Link](20)),
),
child: const Center(
child: Text(
"Temps Simple",
style: TextStyle(fontWeight: [Link],color:
Color(0xff576282)),

),
),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282),width:
1),
),
width: [Link],
child: DataTable(
horizontalMargin: 4,
decoration: const BoxDecoration(
borderRadius: [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "es",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ent",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ai",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "as",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "a",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "âmes",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "âtes",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "èrent",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
borderRadius: const [Link](
bottomLeft: [Link](15),
bottomRight: [Link](15))),
width: [Link],
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "erai",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "eras",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "era",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "erons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "erez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "eront",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ait",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "iez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "aient",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
const SizedBox(
height: 20,
),
Container(
height: 25,
decoration: BoxDecoration(
border: [Link](
color: const Color(0xff576282),
),
borderRadius: const [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
child: const Center(
child: Text(
"Temps Composé",
style: TextStyle(fontWeight: [Link],color:
Color(0xff576282)),

),
),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
),
width: [Link],
child: DataTable(
horizontalMargin: 4,
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
decoration: const BoxDecoration(
borderRadius: [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "j'ai ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu as ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il a ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous avons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous avez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ont ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "j'eus ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu eus ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il eut ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous eûmes ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous eûtes ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils eurent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
borderRadius: const [Link](
bottomLeft: [Link](15),
bottomRight: [Link](15))),
width: [Link],
child: DataTable(
horizontalMargin: 4,
border: const TableBorder(
horizontalInside: BorderSide(color: const
Color(0xff576282))),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "j'aurai ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu auras ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il aura ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous aurons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous aurez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils auront ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "j'avais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu avais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il avais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous avions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous aviez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils avaient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
// Deuxieme partie de la conjugaison
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: [Link](context).[Link],
child: const Center(child:
Text("Subjonctif",style:TextStyle(fontWeight: [Link],fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](20))),
elevation: 8,
child: Container(
padding: const [Link](6),
width: [Link](context).[Link],
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: [Link](
color: const Color(0xff576282),
),
borderRadius: const [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
),
width: [Link],
child: DataTable(
horizontalMargin: 4,
decoration: const BoxDecoration(
borderRadius: [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "que je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "es",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ent",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "que j'aie ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que tu aies ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'il ait ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que nous ayons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que vous ayez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'ils aient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
borderRadius: const [Link](
bottomLeft: [Link](15),
bottomRight: [Link](15))),
width: [Link],
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "que je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "asse",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "asses",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ât",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "assions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "assiez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "assent",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "que j'eusse ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que tu eusses ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color: const
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'il eût ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que nous eussions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que vous eussiez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'ils eussent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: [Link](context).[Link],
child: const Center(child:
Text("Conditionnel",style:TextStyle(fontWeight: [Link],fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](20))),
elevation: 8,
child: Container(
padding: const [Link](6),
width: [Link](context).[Link],
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: [Link](
color: const Color(0xff576282),
),
borderRadius: const [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
),
width: [Link],
child: DataTable(
horizontalMargin: 4,
decoration: const BoxDecoration(
borderRadius: [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
[Link]<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: [Link](
TextSpan(text: "Present", children: [
TextSpan(
text: "",
style: TextStyle(
color: [Link]))
]),
))),
),
],
rows: const [
DataRow(cells: [
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "je ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "erais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "erais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "erait",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "erions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "eriez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "eraient",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
])
]),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
borderRadius: const [Link](
bottomLeft: [Link](15),
bottomRight: [Link](15))),
width: [Link],
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: screensize > 700 ? 104 : 125,
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "j'aurais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu aurais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il aurait ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous aurions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous auriez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils auraient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "j'eusse ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu eusses ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il eût ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous eussions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous eussiez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils eussent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: [Link](context).[Link],
child: const Center(child:
Text("Impératif",style:TextStyle(fontWeight: [Link],fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](20))),
elevation: 8,
child: Container(
padding: const [Link](6),
width: [Link](context).[Link],
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: [Link](
color: const Color(0xff576282),
),
borderRadius: const [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
borderRadius: const [Link](
bottomLeft: [Link](15),
bottomRight: [Link](15))),
width: [Link],
child: DataTable(
horizontalMargin: 4,
decoration: const BoxDecoration(
borderRadius: [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
// ignore: deprecated_member_use
dataRowHeight: 62,
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "aie ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ayons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ayez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: [Link](context).[Link],
child: const Center(child:
Text("Participe",style:TextStyle(fontWeight: [Link],fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](20))),
elevation: 8,
child: Container(
padding: const [Link](6),
width: [Link](context).[Link],
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: [Link](
color:const Color(0xff576282),
),
borderRadius: const [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
borderRadius: const [Link](
bottomLeft: [Link](15),
bottomRight: [Link](15))),
width: [Link],
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: " ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ant",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 4),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "ayant ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: [Link](context).[Link],
child: const Center(child:
Text("Infinitif",style:TextStyle(fontWeight: [Link],fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](20))),
elevation: 8,
child: Container(
padding: const [Link](6),
width: [Link](context).[Link],
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: [Link](
color: const Color(0xff576282),
),
borderRadius: const [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
borderRadius: const [Link](
bottomLeft: [Link](15),
bottomRight: [Link](15))),
width: [Link],
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 0),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: " ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "er",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 0),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "avoir ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
),
const SizedBox(
height: 20,
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](10))),
elevation: 8,
child: Container(
decoration:const BoxDecoration(

),
height: 30,
width: [Link](context).[Link],
child: const Center(child:
Text("Gérontif",style:TextStyle(fontWeight: [Link],fontSize: 15,color:
Color(0xff576282)))),
),
),
Card(
shape: const RoundedRectangleBorder(
borderRadius: [Link]([Link](20))),
elevation: 8,
child: Container(
padding: const [Link](6),
width: [Link](context).[Link],
child: Column(
children: [
Container(
height: 25,
decoration: BoxDecoration(
border: [Link](
color: const Color(0xff576282),
),
borderRadius: const [Link](
topLeft: [Link](15),
topRight: [Link](15)),
),
child: const Center(
child: Text(""),
),
),
Container(
decoration: BoxDecoration(
border: [Link](color: const Color(0xff576282)),
borderRadius: const [Link](
bottomLeft: [Link](15),
bottomRight: [Link](15))),
width: [Link],
child: DataTable(
horizontalMargin: 4,
headingRowHeight: 20,
headingTextStyle: const TextStyle(
fontSize: 14, fontWeight: [Link]),
headingRowColor:
[Link]<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: [Link](top: 4, bottom: 0),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "en ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "ant",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
)),
DataCell(Padding(
padding: [Link](top: 4, bottom: 0),
child: Center(
child: Column(
crossAxisAlignment:
[Link],
children: [
[Link](
TextSpan(
text: "en ayant ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "zon"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
)
],
),
),
));

}
}

You might also like