0% found this document useful (0 votes)
16 views5 pages

TP2 Flutter

This document describes how to create a mobile application interface with Flutter that contains a stateful widget with a checkbox. It explains how to define the stateful widget class, add a checkbox, and modify its state by saving the checkbox value in a variable and calling setState on change.

Uploaded by

louey.saadallah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views5 pages

TP2 Flutter

This document describes how to create a mobile application interface with Flutter that contains a stateful widget with a checkbox. It explains how to define the stateful widget class, add a checkbox, and modify its state by saving the checkbox value in a variable and calling setState on change.

Uploaded by

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

123456774849ABC6DE54B B BBBFFB

TP2 : Stateful Widgets


5
AE3EA2BBB774B4B
5
9A5BC765D4E2AD45D45F8485A482F45EC45
67B2A45 75 2F4825 45 445 6265 D2A65 45
44D5 4A5 E276F745 2865 45 FF5 6785 455
C7CA5 5!485F2645"#55
5
5
5
3E5B1489 25

! $848545F485 54%#D285"&5'52C748525F2664567B2A45D45'45(247)D34*5

import 'package:flutter/material.dart';

class ex1 extends StatefulWidget {

@override
State<StatefulWidget> createState()
4#AA45*5.A62AF45D4525F26645
{ 75DA525D45A482F45
return ex1State();
}
}
5
"! +C7485E2A4A2A5275F4854#! A525F2664575DA525,(24-5D75)D345

class ex1State extends State<ex1> {


@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("EX1")),
body:
Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
TextField(
/C8674545FCA4A75D4544D5465 onChanged: (value){},

ECD&5BA4E4A5CA$2A34D5645 decoration: InputDecoration(


border:
DF4AF454A5627B4328D2A525B24785
62645D2A6545282E845B2745
12345567855
123456774849ABC6DE54B B BBBFFB

OutlineInputBorder(),
hintText: 'Enter a String')),
ElevatedButton(
child: Text('Upper Case'),
onPressed: () {}
),
Text() //recevra la chaîne convertie
]),
);
}
}
5

! 0CDCA65E2A4A2A5F45D48A485FCD452A5D458F7848545445626&545FCAB48854A5E276F745
7652F485D2A65251CA454#52C765D4B4152C86567B845465246567B2A465
1 +C7485 D475 28765 35 F445 F26645 5 ,465 28765 648B4A5 35 627B4328D485 465 DCAA465 D45
A482F45-5

(8A357$4%E9EAE544&&5511234536789ABC49D3C28E34F849739234536789FC93A9F89D35D589
(8A357$4%'4&&55112345367899B8549739A43D89893CDC785

2 0CD485BA4E4A5842535251CA45D4562645,69$9(4 -52A5D45627B4328D48525F26A45
62645D2A657A45B28245, 9B'9BAAED'AB 4B5B54-5

onChanged: (value){ phrase_initiale = value ;}


5
5 /25B24785245D2A65251CA45D45445648252F45D2A65B274&5527525627B4328D485D2A65
5 7A52875D4525F266452A5D45C7BC8576485

3 0CD485BA4E4A5,69)44 -52A5D4582648525FCAB486CA5AF4662845
onPressed: () {
phrase_uc = phrase_initiale.toUpperCase();
setState((){});
} 1C7857487D5D45A482F452B4F5465AC7B4465B247865D46528765
4 +F48525F26A45FCAB4845D2A65251CA45D4544555*54,phrase_uc-5
*! 0CD48545F485E2A52A5D45C7BC854F7485BC8452F2CA#5

AE3EA2B"BB9BE8754B687A4'B+687A4B,49 '-B
5

12345"567855
123456774849ABC6DE54B B BBBFFB

9A5 BC765 D4E2AD45 D45 F8485 A482F45 EC45


67B2A45D2A657A5F485$CE478#D28#5
/C4F5465D45626857A54A485,FC8846CAD2A5
275265DAF8E4A2CA5C75D45DF8E4A2CA-5
D2A65 25 1CA45 D45 45 ,44D-#5 /45 FF5 6785 45
C7CA5 95 25 AF8E4A485 45 86725 45 45
C7CA5 :5 45 DF8E4A4#5 28485 735 F2745
5
ECDF2CA5 D75 26&5 45 FCE4785 DC5
FCEE4AF485D45;#5
5
5
AE3EA2BBB4B.B6$4B
<C7652CA65E2A4A2A5F84857A45A482F45EC45FCA4A2A57A45F264535FCF485457A54457525
8FD45,DF8B2A56CA52-5#5/45FF5678525F264548E45D452584AD845FCF4565445A4546526545
AB4864E4A#5

B B

%# $84857A5F485 54=#D285"&5'52C748525F266454=5,D45'45(247)D34-5*5

class ex2 extends StatefulWidget


{
@override
State<StatefulWidget> createState() { return ex2State();}
}B

=# +C7485E2A4A2A525F266454#"AA45DA662A525D75)D34#5

class ex2State extends State


{

@override
Widget build(BuildContext context) {
return Scaffold(
body:
Center(

12345567855
123456774849ABC6DE54B B BBBFFB

child:Row(
mainAxisAlignment:MainAxisAlignment.spaceEvenly,
children: [
Text('Etat du checkbox :'),
Checkbox(
value: false,
B2745*584A643A45D4525B24785D75
onChanged: (value){}
F4FC5,D45'45CC42A-5 )
])

));
} /C865D75FF5678545F4FC&5CA$2A34D5645DF4AF454A584A643A2A5

} D2A656CA5282E845B2745D4525B24785745DC52BC8545F4FC555
B
5

># 4648545)D345F85D2A65F4452FB54584E28748574545F4FC5A45F2A345265D45B2478#5
/256C7CA52C865465D4A84368485D2A657A45B2824525B24785D75F4FC545D4525ECD485C865
D45245D45CA$2A34D#5/45FCD45D4B4A52C865FCEE45675*5

class ex2State extends State


{
//variable qui sauvegardera l'état du checkbox
bool? check = false;

@override
Widget build(BuildContext context) {
return Scaffold(
body:
Center(
child:Row(
mainAxisAlignment:MainAxisAlignment.spaceEvenly,
children: [
Text('Etat du checkbox :$check'),
Checkbox(
value: check,
onChanged: (value){
check = value;
setState((){});
}
)
])

));
}

}
5

12345*567855
123456774849ABC6DE54B B BBBFFB

AE3EA2B*BBB687A4B,49 '
5
$84857A452F2CA5EC452'2A52284AF45
67B2A4#5 (2F2A5 745 465 85 D465 C8E2CA65
?4B5 8CA55 45 ?4B5 @2F5 6CA5 8464FB4E4A5
>;;?5 45 =;;?&5 CA5 BC765 D4E2AD45 2C865
D2F485 45 85 D465 C8E2CA65 D2A65 7A5 45
286545C7CA&5C867CA5F745678545C7CA5
54AB)E45"5454A54A2A5FCE45D75FC5D45
762478#55 5
5
5
5
5
5

12345567855

You might also like