Chaînes avec des variables

Fait partie de la section Votre première application du Journey Flutter de Coddy. Leçon 12 sur 32.

Pour insérer une variable dans une chaîne, écris un signe dollar suivi de son nom :

String name = 'Ada';
Text('Hello, $name!')   // Bonjour, Ada !

Cela s’appelle l’interpolation de chaînes. Pour insérer autre chose qu’un simple nom, comme un calcul ou une propriété, entoure-le d’accolades après le signe dollar :

Text('$name has ${name.length} letters')   // Ada a 3 lettres

name.length indique le nombre de lettres que contient la chaîne. Sans les accolades, '$name.length' afficherait le nom suivi de .length.

Défi

Facile

L’application possède une variable name. Faites en sorte que ses deux lignes affichent, en utilisant la variable :

Hello, Grace!
Grace has 5 letters, avec le nombre provenant de name.length

La Column qui les entoure place une ligne sous l’autre. Vous en créerez une vous-même dans un chapitre ultérieur.

Essayez vous-même

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    String name = 'Grace';
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text('Hello!'),
              Text('Letters'),
            ],
          ),
        ),
      ),
    );
  }
}