Applying VisualDensity allows you to expand or contract the height of list tile. VisualDensity is compactness of UI elements. Here is an example: // negative value to contract ListTile( title: Text(‘Tile title’), dense: true, visualDensity: VisualDensity(vertical: -3), // to compact onTap: () { // tap actions }, ) // positive value to expand ListTile( title: … Read more
Yes you can do this simply by passing the info to the constructor. Something like this: class MyApp extends StatelessWidget { MyApp(this.yourData); final int yourData; @override Widget build(BuildContext context) { return new MaterialApp( title: ‘App Title’, theme: new ThemeData( primarySwatch: Colors.green, ), home: new MainBody(yourData), ); } } class MainBody extends StatelessWidget { MainBody(this.yourData); final … Read more
Optional parameters can be either positional or named, but not both. Named parameters are optional by default so you don’t have to assign the default value. If a parameter is optional but can’t be null, provide a default value. With null safety class TextInputWithIcon extends StatefulWidget { final String iconPath; final String placeHolder; final Function(bool)? … Read more
You can use a Row wrapping your children with Expanded: Row( children: <Widget>[ Expanded( child: RaisedButton( child: Text(‘Approve’), onPressed: () => null, ), ), Expanded( child: RaisedButton( child: Text(‘Reject’), onPressed: () => null, ), ), Expanded( child: RaisedButton( child: Text(‘Need Revise’), onPressed: () => null, ), ) ], );
This should work flawlessly: return Scaffold( appBar: AppBar( title: Text(widget.title), flexibleSpace: Container( decoration: const BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: <Color>[Colors.black, Colors.blue]), ), ), ), );
wrap your CheckBox inside SizedBox will resize the padding of the check box SizedBox( height: 24.0, width: 24.0, child: Checkbox(…), )
Thanks to Günter Zöchbauer. You can wrap your ListView in Scrollbar Scrollbar( child: ListView.builder( itemCount: 50, itemBuilder: (context, index) => ListTile(title: Text(“Item= ${index + 1}”),),), )
Simply pass an empty BoxConstrains to the constraints property and a padding of zero. IconButton( padding: EdgeInsets.zero, constraints: BoxConstraints(), ) You have to pass the empty constrains because, by default, the IconButton widget assumes a minimum size of 48px.
Declare a global variable final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>(); then register the key on your widget build’s scaffold eg @override Widget build(BuildContext context) { return Scaffold( key: _scaffoldKey, … then on the dialog show(BuildContext context){ var dialog = Dialog( child: Container( margin: EdgeInsets.all(8.0), child: Form( child: Column( mainAxisSize: MainAxisSize.min, children: <Widget>[ TextFormField( decoration: InputDecoration( labelText: … Read more
Align is the way to go if you have only one child. If you have more, consider doing something like this: return new Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.end, children: <Widget>[ // Your elements here ], );