Zeile

Teil des Abschnitts Deine erste App der Flutter-Journey von Coddy. Lektion 20 von 32.

Eine Row ist eine seitlich gedrehte Column: Sie ordnet ihre untergeordneten Elemente nebeneinander von links nach rechts an.

Row(
  children: [
    Text('Yes'),
    Text('No'),
  ],
)

Fast jeder Flutter-Bildschirm wird mithilfe von Zeilen und Spalten angeordnet: eine Spalte aus Zeilen, Zeilen mit Spalten darin und so weiter.

Aufgabe

Einfach

Die beiden Wörter sind übereinander angeordnet. Ordne sie nebeneinander an, zuerst Left und danach Right.

Probier es selbst

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