0% found this document useful (0 votes)
17 views43 pages

Flutter Accessoiner App UI Design

The document is a Flutter widget implementation of a user interface for a language learning application called 'accessoiner'. It features a structured layout with multiple cards displaying verb conjugations in various tenses, including Present, Past Simple, Future Simple, and Compound Tenses. The design utilizes DataTables to organize the conjugation data, enhancing readability and user interaction.

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
0% found this document useful (0 votes)
17 views43 pages

Flutter Accessoiner App UI Design

The document is a Flutter widget implementation of a user interface for a language learning application called 'accessoiner'. It features a structured layout with multiple cards displaying verb conjugations in various tenses, including Present, Past Simple, Future Simple, and Compound Tenses. The design utilizes DataTables to organize the conjugation data, enhancing readability and user interaction.

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 accessoiner extends StatelessWidget {


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

@override
Widget build(BuildContext context) {
final screensize=[Link](context).[Link];
return Scaffold(
appBar: AppBar(
centerTitle: true,
title: const Text("accessoiner",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: "j' ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "es",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "j' ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ai",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "as",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "a",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "âmes",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "âtes",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "j' ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "erai",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "eras",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "era",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "erons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "erez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "j' ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ait",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "iez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu as ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il a ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous avons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous avez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ont ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: " eus ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il eut ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous eûmes ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous eûtes ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils eurent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu auras ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il aura ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous aurons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous aurez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils auront ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu avais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il avais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous avions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous aviez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils avaient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
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 j' ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "es",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que tu aies ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'il ait ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que nous ayons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que vous ayez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'ils aient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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 j' ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "asse",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "asses",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ât",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "assions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "assiez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que tu eusses ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color: const
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'il eût ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que nous eussions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "que vous eussiez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "qu'ils eussent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(
text:
"accessoin"),
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: "j' ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "erais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "erais",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "erait",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "erions",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "eriez",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu aurais ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il aurait ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous aurions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous auriez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils auraient ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "tu eusses ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "il eût ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "nous eussions ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "vous eussiez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ils eussent ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "accessoin"),
TextSpan(
text: "e",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "ons",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ayons ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
[Link](
TextSpan(
text: "ayez ",
style:
TextStyle(fontSize: 12.5),
children: [
TextSpan(text: "accessoin"),
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: "accessoin"),
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: "accessoin"),
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: "accessoin"),
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: "accessoin"),
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: "accessoin"),
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: "accessoin"),
TextSpan(
text: "é",
style: TextStyle(
color:
Color(0xff576282)))
]),
),
]),
),
))
])
]),
),
],
),
),
)
],
),
),
));

}
}

You might also like