title: Possible to have different Button styles in Flutter?
body: <p>I have a few <code>OutlineButton</code>s, and I'd like to be able to have multiple styles (dark, light, small, etc).</p>
  
  <p>I can create a ButtonTheme, but how can I specify the Theme or Style for the buttons as they don't accept either parameter?</p>
  
  <p>ie: I'd like the following two buttons to have different background color:</p>
  
  <pre><code>children: {
       OutlineButton(color: Colors.black, child: Text("Hello")), 
       OutlineButton(child:Text("GoodBye"))
   }
  </code></pre>
  
  <p>(The color field is getting ignored as it's using the App Theme's button's background)</p>
  
  <p>Edit: sample code:</p>
  
  <pre><code>Widget button(BuildContext context, String icon, String title, [Color backgroundColor = Colors.white, Color textColor = Colors.black] ) {
    return Padding(
      padding: const EdgeInsets.only(bottom: 15),
      child: Row(
        children: &lt;Widget&gt;[
          new Expanded(
              child: new OutlineButton(
                  key: null,
                  shape: RoundedRectangleBorder(),
                  borderSide: new BorderSide(color: const Color(0xff666666)),
                  highlightedBorderColor: Color(0xFF303030),
                  color: backgroundColor,
                  onPressed: buttonPressed,
                  child: Row(
                    children: &lt;Widget&gt;[
                      icon == null ? Container(width: 0, height: 0) :
                      new IconButton(
                        icon: Image.asset(icon),
                        iconSize: 32.0,
                        onPressed: () {                       
                        },
                      ),
  
                      new Expanded(
                        child: new Text(
                          title,
                          textAlign: TextAlign.center,
                          style: Theme.of(context).primaryTextTheme.button.copyWith(color: textColor)
  
                        ),
                      ),
                    ],
                  ))),
        ],
      ),
    );
  }
  
  void buttonPressed() {}
  </code></pre>
  
  <p>and for example, I'm calling it this way:</p>
  
  <pre><code>children: {button(null, "Hello", Colors.black, Colors.white), button(null, "Goodbye", Colors.white, Colors.black)}
  </code></pre>