1
resposta

Projeto: Faça como eu fiz: o Widget contra ataca

Não fiz o menor código do mundo, porém ccheguei nesse resultado Código que cheguei com um degrade de cores na sequencia:

import 'package:flutter/material.dart';

void main() { runApp(const MyApp()); }

class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key);

@override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter: Primeiros Passos', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage(title: 'Flutter: Primeiros Passos'), ); } }

class MyHomePage extends StatelessWidget { final String title;

const MyHomePage({Key? key, required this.title}) : super(key: key);

@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(title), ), body: GridView.count( primary: false, padding: const EdgeInsets.all(18), crossAxisSpacing: 10, mainAxisSpacing: 10, crossAxisCount: 3, children: [ Container( padding: const EdgeInsets.all(8), color: Colors.teal[100],

),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[200],

),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[300],

),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[400],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[500],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[600],
         ),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[700],
),
  Container(
    padding: const EdgeInsets.all(8),
    color: Colors.teal[800],
    ),
  Container(
    padding: const EdgeInsets.all(8),
    color: Colors.teal[900],
  ),
  Container(
    padding: const EdgeInsets.all(8),
    color: Colors.indigo[900],
  ),
  Container(
    padding: const EdgeInsets.all(8),
    color: Colors.indigo[800],
  ),
  Container(
    padding: const EdgeInsets.all(8),
    color: Colors.indigo[700],
  ),
  Container(
    padding: const EdgeInsets.all(8),
    color: Colors.indigo[600],
  ),
  Container(
    padding: const EdgeInsets.all(8),
    color: Colors.indigo[500],
  ),
  Container(
    padding: const EdgeInsets.all(8),
    color: Colors.indigo[400],
  ),
   ],
  )
);

} }

1 resposta

Olá, Erick.

Tudo bem?

Pelo que entendi, você criou um Widget Stateless que gera um grid com containers de cores diferentes, certo? Isso é uma ótima prática e seu código está bem estruturado e funcional. Parabéns por praticar e conseguir fazer. Continue assim.

Espero ter ajudado e bons estudos!