Ciągi znaków ze zmiennymi

Część sekcji Twoja pierwsza aplikacja ścieżki Flutter w Coddy. Lekcja 12 z 32.

Aby umieścić zmienną w ciągu znaków, wpisz znak dolara i jej nazwę:

String name = 'Ada';
Text('Hello, $name!')   // Cześć, Ada!

Nazywa się to interpolacją ciągów znaków. Jeśli chcesz umieścić coś więcej niż zwykłą nazwę, na przykład obliczenie lub właściwość, ujmij to w nawiasy klamrowe po znaku dolara:

Text('$name has ${name.length} letters')   // Ada ma 3 litery

name.length określa liczbę liter w ciągu znaków. Bez nawiasów klamrowych '$name.length' wyświetli nazwę, a po niej .length.

Wyzwanie

Łatwy

Aplikacja ma zmienną name. Spraw, aby te dwa wiersze wyświetlały, używając tej zmiennej:

Hello, Grace!
Grace has 5 letters, przy czym liczba ma pochodzić z name.length

Element Column umieszcza jeden wiersz pod drugim. Zbudujesz własny w późniejszym rozdziale.

Spróbuj swoich sił

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'),
            ],
          ),
        ),
      ),
    );
  }
}