title: How to make a small rounded rectangle in Flutter
body: <p>The red rectangle center of my widget is too big and is not responsive to width and height arguments.</p>
  
  <p>I have updated flutter, and android studio. I started with a container in the shape of a circle then, I used a flatbutton and gave it a shape. but when it becomes the rectangle it is the same size as the circle it resizes in. _isRecord is a boolean that is toggled when the button is pressed.</p>
  
  <pre><code>return Container(
    width: 80.0,
    height: 80.0,
    child: Container(
      child: FlatButton(
        onPressed: _press,
       ),
      decoration: new BoxDecoration(
        color: Colors.red,
        shape: _isRecording ? BoxShape.rectangle : BoxShape.circle,
        borderRadius: _isRecording ? BorderRadius.all(Radius.circular(8.0)) : null,
      ),
    ),
    decoration: new BoxDecoration(
      color: Colors.black,
      shape: BoxShape.circle,
      border: Border.all(width: 5.0, color: Colors.white),
    ),
  );
  </code></pre>
  
  <p>It should look and function like the Voice Memos' record button. It should be a white circle stroke with a red center that when pressed becomes a smaller, rounded rectangle.</p>