Menu
CoddyTech

Строки с переменными

Часть раздела Ваше первое приложение путешествия по Flutter на Coddy. Урок 12 из 32.

Чтобы поместить переменную внутрь строки, напиши знак доллара и её имя:

String name = 'Ada';
Text('Hello, $name!')   // Привет, Ada!

Это называется интерполяцией строк. Если нужно вставить не просто имя, а, например, результат вычисления или свойство, заключи его в фигурные скобки после знака доллара:

Text('$name has ${name.length} letters')   // В имени Ada 3 буквы

name.length — это количество букв в строке. Без фигурных скобок '$name.length' выведет имя, за которым следует .length.

challenge icon

Задание

Легко

В приложении есть переменная name. Сделай так, чтобы в двух строках с использованием этой переменной отображалось:

  • Hello, Grace!
  • Grace has 5 letters, где число берётся из name.length

Column размещает эти строки одну под другой. Ты создашь собственную колонку в одной из следующих глав.

Попробуйте сами

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'),
            ],
          ),
        ),
      ),
    );
  }
}
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Ваше первое приложение

Потренируйтесь самостоятельно: Онлайн-компилятор Flutter