by @kodeazy
flutter how to display buttons side by side?
- I have two buttons.
- To display these buttons side by side we use
Row()
widget. Row()
widget aligns both the buttons into single row.-
Below is the syntax.
Row(children: [ new RaisedButton( child: new Text("Button_1"), onPressed: null, ), new RaisedButton( child: new Text("Button_2"), onPressed: null, ) ])
-
Below is the example program to display buttons side by side.
import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { Widget build(BuildContext context) { return MaterialApp( title: 'Tittle', home: Scaffold( body: Row(children: [ new RaisedButton(child: new Text("Button_1"), onPressed: null), SizedBox(width: 150), new RaisedButton( child: new Text("Button_2"), onPressed: null, ) ]), )); } }