Fila
Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 20 de 32.
Una Row es una Column girada de lado: coloca sus elementos secundarios uno junto a otro, de izquierda a derecha.
Row(
children: [
Text('Yes'),
Text('No'),
],
)Las filas y las columnas son la forma en que se organiza casi cualquier pantalla de Flutter: una columna de filas, filas con columnas dentro, y así sucesivamente.
Desafío
FácilLas dos palabras están apiladas. Haz que se coloquen una al lado de la otra, primero Left y después Right.
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) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: Column(
children: [
Text('Left', style: TextStyle(fontSize: 24)),
Text('Right', style: TextStyle(fontSize: 24)),
],
),
),
),
);
}
}
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