Search code examples
androidfluttercustom-widgets

Flutter: Custom Widget not showing elements


I Created Custom Widget (cardChild) but it's not showing any element

class ReuseableCard extends StatelessWidget {
  ReuseableCard({required this.colour, required this.cardChild});
  Color colour;
  final Widget cardChild;

Icon And Text both not showing in app

                Expanded(
                  child: ReuseableCard(
                    colour: activeCardColour,
                    cardChild: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(
                          FontAwesomeIcons.mars,
                          size: 80.0,
                        ),
                        Text(
                          'Male',
                          style: TextStyle(
                              fontSize: 18.0, color: Color(0xFF8D8E98)),
                        )],
                    ),
                  ),),

No Error in flutter And please tell why widget require "required" will constructing.


Solution

  • class ReuseableCard extends StatelessWidget {
      ReuseableCard({required this.colour, required this.cardChild});
      Color colour;
      final Widget cardChild;
    
      @override
      Widget build(BuildContext context) {
        return Container(
          child: cardChild,    //Here 
          margin: const EdgeInsets.all(15.0),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(10.0),
            color: colour,
          ),
        );}
    }
    

    We need to add cardChild in Container.