Menu
CoddyTech

Cadenas con variables

Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 12 de 32.

Para incluir una variable dentro de una cadena, escribe un signo de dólar y su nombre:

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

Esto se llama interpolación de cadenas. Para incluir algo más que un nombre simple, como un cálculo o una propiedad, escríbelo entre llaves después del signo de dólar:

Text('$name has ${name.length} letters')   // Ada tiene 3 letras

name.length indica cuántas letras tiene la cadena. Sin las llaves, '$name.length' mostraría el nombre seguido de .length.

challenge icon

Desafío

Fácil

La aplicación tiene una variable name. Haz que sus dos líneas digan lo siguiente, usando la variable:

  • Hello, Grace!
  • Grace has 5 letters, con el número de name.length

El Column que las rodea coloca una línea debajo de la otra. Crearás uno propio en un capítulo posterior.

Pruébalo tú mismo

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 iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Tu primera app

Practica por tu cuenta: Compilador de Flutter online