Flutter: Custom Widget not showing elements

Question

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.

so, class ReuseableCard extends StatelessWidget { ReuseableCard({required this.colour, required this.cardChild}) : super(key: key); Color colour; final Widget cardChild; — arbis
– arbis, Commented Feb 17, 2022 at 2:58

Yash kolte · Accepted Answer · 2022-02-17 03:10:17Z

1

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.

answered Feb 17, 2022 at 3:10

Yash kolte

1271 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ameer Hamza · Accepted Answer · 2022-02-17 10:44:53Z

1

hope this will solve you issue..

class SecondRoute extends StatelessWidget {
  const SecondRoute({Key? key, required this.argumentWidget}) : super(key: key);
  
  final Widget argumentWidget;

  @override
  Widget build(BuildContext context) {
    
    return Scaffold(
      body: Column(
        children: [
          argumentWidget,/// this widget is come from FirstRoute screen as you can see we are on second route screen
          customMyWidget(stringData: 'myNameIsFlutterDev'),//this is from your class 
        ],
      ),
    );
  }
  
  // the below widget is your customWidget inside the class
  
  Widget customMyWidget({required String stringData}){
    return Text(stringData);
  }
}

answered Feb 17, 2022 at 10:44

Ameer Hamza

1058 bronze badges

Collectives™ on Stack Overflow

Flutter: Custom Widget not showing elements

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related