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 letrasname.length indica cuántas letras tiene la cadena. Sin las llaves, '$name.length' mostraría el nombre seguido de .length.
Desafío
FácilLa 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 dename.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'),
],
),
),
),
);
}
}
Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Tu primera app
1Hola, Flutter
¿Qué es Flutter?Cambia el textoEl árbol de widgetsScaffold y AppBarCadenas y comillasComentarios7Proyecto: Tarjeta de presentación
Tarjeta de presentación: DiseñoTarjeta de presentación: EstiloPractica por tu cuenta: Compilador de Flutter online