Since dart version 2.6, dart supports extensions: extension StringExtension on String { String capitalize() { return “${this[0].toUpperCase()}${this.substring(1).toLowerCase()}”; } } So you can just call your extension like this: import “string_extension.dart”; var someCapitalizedString = “someString”.capitalize();
To fix this issue Add isScrollControlled = true to BottomSheetDialog it’ll allow the bottom sheet to take the full required height which gives more insurance that the keyboard does not cover TextField. Add Keyboard padding using MediaQuery.of(context).viewInsets.bottom Note If your BottomSheetModel is Column make sure you add mainAxisSize: MainAxisSize.min, otherwise the sheet will cover the … Read more
You need to correctly set up your Flutter path. From macOS install – Update your path: Determine the directory where you placed the Flutter SDK. You will need this in Step 3. Open (or create) $HOME/.bash_profile. You can do that by using terminal text editor by going in terminal and typing nano ~/.bash_profile macOS v10.15 … Read more
Short answer async gives you a Future async* gives you a Stream. async You add the async keyword to a function that does some work that might take a long time. It returns the result wrapped in a Future. Future<int> doSomeLongTask() async { await Future.delayed(const Duration(seconds: 1)); return 42; } You can get that result … Read more
I was able to accomplish this with the following code: Navigator.of(context) .pushNamedAndRemoveUntil(‘/login’, (Route<dynamic> route) => false); The secret here is using a RoutePredicate that always returns false (Route<dynamic> route) => false. In this situation it removes all of the routes except for the new /login route I pushed.
Update Flutter 2.0 (Recommended): On latest Flutter version, you should use: AppBar( systemOverlayStyle: SystemUiOverlayStyle( // Status bar color statusBarColor: Colors.red, // Status bar brightness (optional) statusBarIconBrightness: Brightness.dark, // For Android (dark icons) statusBarBrightness: Brightness.light, // For iOS (dark icons) ), ) Only Android (more flexibility): import ‘package:flutter/services.dart’; void main() { SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle( systemNavigationBarColor: Colors.blue, // navigation … Read more
There’s a couple of things you could do here. @Mahi’s answer while correct could be a little more succinct and actually use push rather than showDialog as the OP was asking about. This is an example that uses Navigator.push: import ‘package:flutter/material.dart’; class SecondPage extends StatelessWidget { @override Widget build(BuildContext context) { return Container( color: Colors.green, … Read more
Update: With Flutter 2.0 RaisedButton is deprecated and replaced by ElevatedButton. you can use minimumSize like this: ElevatedButton( style: ElevatedButton.styleFrom( minimumSize: Size.fromHeight(40), // fromHeight use double.infinity as width and 40 is the height ), onPressed: () {}, child: Text(‘Text Of Button’), ) Old answer for Flutter less than 2.0: The correct solution would be to … Read more
I think adding color to the container is covering over the ink effect https://api.flutter.dev/flutter/material/InkWell/InkWell.html This code seems to work body: new Center( child: new Container( child: new Material( child: new InkWell( onTap: (){print(“tapped”);}, child: new Container( width: 100.0, height: 100.0, ), ), color: Colors.transparent, ), color: Colors.orange, ), ), just click the middle square. Edit: … Read more
Try using the property borderRadius from BoxDecoration Something like Container( decoration: BoxDecoration( border: Border.all( color: Colors.red[500], ), borderRadius: BorderRadius.all(Radius.circular(20)) ), child: … )