flutter-layout

showModalBottomSheet does not provide any styling or decorations. I want to create something like the Google Tasks bottomsheet. This is the modalBottomSheet function needed. void _modalBottomSheetMenu(){ showModalBottomSheet( context: context, builder: (builder){ return new Container( height: 350.0, color: Colors.transparent, //could change this to Color(0xFF737373), //so you don't have to change MaterialApp canvasColor child: new Container( decoration: new BoxDecoration( color: Colors.white, borderRadius: new BorderRadius.only( topLeft: const Radius.circular(10.0), topRight: const Radius

How to find out Orientation is portrait or landscape in Flutter if(portrait){ return ListView.builder() }else{ return GridView.count() } In order to determine the Orientation of the screen, we can use the OrientationBuilder Widget. The OrientationBuilder will determine the current Orientation and rebuild when the Orientation changes. new OrientationBuilder( builder: (context, orientation) { return new GridView.count( // Create a grid with 2 columns in portrait mode, or 3 columns in // landscape mode. crossAxisCount: orientation == Orientation.portrait ? 2 : 3, ); }, ); you can find the

I am trying to achieve a very common behavior nowadays which is to have a horizontal List within another widget which is at the same time scrollable. Think something like the homescreen of the imdb app: So I want to have a widget that scrolls vertically with few items on them. At the top of it there should be a horizontal ListView , followed up with some items called motivationCard . There are some headers in between the list and the cards as well. I got something like this on my Widget : @override Widget build(BuildContext context) => BlocBuilder<HomeEvent, HomeState>( bloc: _homeBloc,

I am trying to change the status bar color to white. I found this pub on flutter. I tried to use the example code on my dart files. Works totally fine in my app import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { FlutterStatusbarcolor.setStatusBarColor(Colors.white); return MaterialApp( title: app_title, theme: ThemeData( primarySwatch: Colors.blue, ), home: HomePage(title: home_title), ); } } UPD: Another solution SystemChrome.setSystemUIOverlayStyle

I am new in Flutter so I want to know that how can I set a width to match parent layout width new Container( width: 200.0, padding: const EdgeInsets.only(top: 16.0), child: new RaisedButton( child: new Text( "Submit", style: new TextStyle( color: Colors.white, ) ), colorBrightness: Brightness.dark, onPressed: () { _loginAttempt(context); }, color: Colors.blue, ), ), I know about little bit on Expanded tag but Expanded expand view to both direction, i dont know how to do it. Help me if you know, Thanks in Advance. The correct solution would be to use the SizedBox.expand widget, which enforces