Menu
CoddyTech

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.

challenge icon

Desafío

Fácil

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