Discussion :

[Arsene12]

Bonjour,

je souhaiterais changer le texte d'un bouton en y cliquant dessus. Pourriez-vous m'aider svp ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import 'package:flutter/material.dart';
 
void main() {
  runApp(MyApp());
}
 
String textHolder = 'My Button';
 
changeText() {
    textHolder = 'HELLO';
}
 
 
class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}
 
class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;
 
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
 
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            for (int i = 0; i < 2; i++)
            RaisedButton(
                color: Colors.green,
                textColor: Colors.black,
                child: Text(textHolder, style: TextStyle(fontSize: 21)),
                onPressed: () => changeText(),
                ),
          ],
        ),
      ),
    );
  }
}

[NoSmoking]

Bonjour,
déplace ta fonction changeText dans _MyHomePageState en faisant un appel à setState().

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
class _MyHomePageState extends State<MyHomePage> {
 
  changeText() {
    setState(() {
     textHolder = 'HELLO';
    }); 
  }  
 
  @override
  // la suite du code

[Arsene12]

Bonjour,
déplace ta fonction changeText dans _MyHomePageState en faisant un appel à setState().

Merci NoSmoking. J'arrive maintenant à modifier le texte du bouton, mais ça me change aussi le texte de tous les autres boutons que j'ai créé en même temps. Je voudrais ne changer que le texte du bouton sur lequel je clique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import 'package:flutter/material.dart';
 
void main() {
  runApp(MyApp());
}
 
String textHolder = 'My Button';
 
class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}
 
class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
 
class _MyHomePageState extends State<MyHomePage> {
 
  changeText() {
    setState(() {
      textHolder = 'HELLO';
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            for (int i = 0; i < 4; i++)
              RaisedButton(
                color: Colors.green,
                textColor: Colors.black,
                child: Text(textHolder, style: TextStyle(fontSize: 21)),
                onPressed: () => changeText(),
              ),
          ],
        ),
      ),
    );
  }
}

[NoSmoking]

mais ça me change aussi le texte de tous les autres boutons

c'est normal tu modifies une variable globale utilisée par tous tes boutons.

Une façon de faire est d'affecter à chacun de tes boutons un label que tu modifieras à la demande.

Exemple (pas forcément top) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
class _MyHomePageState extends State<MyHomePage> {
  // création des différents labels
  List<String> _labelBtn    = ["Bouton Un", "Bouton Deux", "Bouton Trois", "Bouton Quatre"];
  List<String> _newlabelBtn = ["One", "Two", "Three", "Four"];
 
  changeText(i, text) {
    setState(() {
      _labelBtn[i] = "Button $text";
      // ou encore quelque chose comme
      //_labelBtn[i] = _newlabelBtn[i];
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            for (int i = 0; i < 4; i++)
              RaisedButton(
                color: Colors.green,
                textColor: Colors.black,
                child: Text(_labelBtn[i], style: TextStyle(fontSize: 21)),
                onPressed: () => {
                  changeText(i, _newlabelBtn[i])
                },
              ),
          ],
        ),
      ),
    );
  }
}

[Arsene12]

Une façon de faire est d'affecter à chacun de tes boutons un label que tu modifieras à la demande.

C'est bien la méthode que je cherchais. Je savais pas comment identifier mes boutons. Cet exemple va m'être très utile.
Merci beaucoup.