material-design

Hide FAB when onscreen keyboard appear

by

You can achieve it by checking for keyboard visibility using viewInsets and hide fab based on it. Example: import ‘package:flutter/material.dart’; void main() { runApp(new MaterialApp( title: “Example”, home: new FabHideOnKeyboard(), )); } class FabHideOnKeyboard extends StatefulWidget { @override _FabHideOnKeyboardState createState() => new _FabHideOnKeyboardState(); } class _FabHideOnKeyboardState extends State<FabHideOnKeyboard> { @override Widget build(BuildContext context) { final … Read more

How do you adjust the height and borderRadius of a BottomSheet in Flutter?

by

Default height for bottomSheet is half the screenSize If you want your bottomSheet to EXPAND according to your content DYNAMICALLY use below code showModalBottomSheet<dynamic>( isScrollControlled: true, context: context, builder: (BuildContext bc) { return Wrap( children: <Widget>[…] ) } ) This will automatically expand the bottomSheet according to content inside. For adding a radius on top … Read more

Material Components for the Web vs Angular Material 2 [closed]

by

Full disclosure: I work on Material Components for the web, so my opinion may be a bit biased 🙂 TL;DR use whichever library helps you build your UI in the most efficient way possible, or use them side-by-side. Check out our angular2 integration example angular-mdc-web to see how to wrap a MDC-Web component using ng2. … Read more