Search code examples
fluttercolorsflutter-layout

Colors not showing up in Flutter


I was trying to give my Container a Color but but it's saying, for example: red is not defined for the type 'Color'.

Does anyone know how to fix this?

import 'package:flutter/material.dart';
import 'package:color/color.dart';


class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Container(
            color: Color.red,
          )
        ],
      ),
    );
  }
}

Solution

  • import 'package:flutter/material.dart';
    import 'package:color/color.dart';
    
    
    class HomePage extends StatefulWidget {
      const HomePage({Key? key}) : super(key: key);
    
      @override
      State<HomePage> createState() => _HomePageState();
    }
    
    class _HomePageState extends State<HomePage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: Stack(
            children: [
              Container(
                color: Colors.red,
              )
            ],
          ),
        );
      }
    }