CODEWITHSUNDEEP
flutterwidget
fob
fob

Reputation: 43

flutter custom widget is not showing children

I am following an outdated tutorial for building a custom widget but so far I can't make it visible inside the custom widget: nothing placed inside RusableCard's children is visible in the app. What can I do?

....

                  child: ReusableCard(
                    color: activeCardColor,
                    cardChild: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        FaIcon(FontAwesomeIcons.search, size: 80),                       
                        SizedBox(height: 15),
                        Text(
                          'MALE',
                          style: TextStyle(
                            fontSize: 80.0,
                            color: Color(0xFF8D8E96),
                      
                ...

class ReusableCard extends StatelessWidget {
  ReusableCard({
    required this.color,
    this.cardChild,
  });

  final Color color;
  final Widget? cardChild;

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.all(15),
      decoration: BoxDecoration(
        color: color,
        borderRadius: BorderRadius.circular(10),
      ),
    );
  }
}

Upvotes: 0

Views: 533

Answers (1)

Md. Yeasin Sheikh
Md. Yeasin Sheikh

Reputation: 63614

You are missing Container child on ReusableCard. Call child on Container. make sure to handle null value.

class ReusableCard extends StatelessWidget {
  ReusableCard({
    required this.color,
    this.cardChild,
  });

  final Color color;
  final Widget? cardChild;

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.all(15),
      decoration: BoxDecoration(
        color: color,
        borderRadius: BorderRadius.circular(10),
      ),
     child:cardChild!=null? cardChild: null,// handle here 
    );
  }
}

Upvotes: 1

Related Questions