Coluna
Parte da seção Seu primeiro app do Journey de Flutter da Coddy. Lição 19 de 32.
Center e Container comportam um filho. Para exibir vários widgets, use uma Column: ela coloca seus children: um abaixo do outro.
Column(
children: [
Text('Eggs'),
Text('Milk'),
Text('Bread'),
],
)children: recebe uma lista, então os widgets ficam entre colchetes, cada um seguido de uma vírgula. Eles são exibidos de cima para baixo, na ordem em que você os escreve.
Desafio
FácilO app mostra apenas First. Substitua-o por uma Column que mostre First, Second e Third, nessa ordem, um abaixo do outro.
Experimente você mesmo
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: Text('First'),
),
),
);
}
}
Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Seu primeiro app
Pratique por conta própria: Compilador de Flutter online