title: Building custom card using Flutter/Dart
body: <p>I am trying to build a custom Card using Dart/Flutter widgets, below is the shell of the widget, I am having trouble in positioning elements using Dart!</p>
  
  <p>The card's width is intended to take the whole screen's width with the ability to scroll between two of them horizontally, the title and the content are loaded dynamically using JSON.</p>
  
  <p><strong>Q:</strong> I am currently stuck in building this particular UI, <strong>how to go from the code provided below ?</strong></p>
  
  <p>This what I have done:</p>
  
  <pre><code>class BottomCards extends StatefulWidget {
    final String cardTitle;
    final String cardContent;
    BottomCards(this.cardTitle, this.cardContent);
    @override 
    _BottomCardsState createState() =&gt; _BottomCardsState();
  }
  
  class _BottomCardsState extends State&lt;BottomCards&gt;{
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Card(
        child: InkWell(
          splashColor: Colors.blue.withAlpha(30),
          onTap: () {},
          child: Container(
            child: Padding( 
              padding: EdgeInsets.all(12.0),
              child: Row(
                children: &lt;Widget&gt;[
                  Text(widget.cardTitle),
                  Spacer(),
                  new ButtonBar(
                    children: &lt;Widget&gt;[
                      new IconButton(
                        icon: Icon(CardsIcons.arrows_ccw),
                        //onPressed: REFRESH,
                      ),
                      new IconButton(
                        icon: Icon(CardsIcons.heart_empty, color: Colors.redAccent,),
                        //onPressed: BOOKMARK,
                      ),
                      new IconButton(
                        icon: Icon(CardsIcons.content_copy),
                        //onPressed: COPY,
                      ),
                    ],
                  )
                ],
              ),
            ),
          ),
        ),
      ),
    );
   }
  }
  </code></pre>
  
  <p><strong>This is the desired output</strong>
  <a href="https://i.stack.imgur.com/dKSGS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dKSGS.png" alt="enter image description here"></a></p>