Tag: @dart

To remove the package css_colors from an app: Use the pub remove command from inside the project directory flutter pub remove css_colors The Installing tab, available on any package page on pub.dev, is a handy reference for these steps.

To add the package css_colors to an app: Depend on it Open the pubspec.yaml file located inside the app folder, and add css_colors: ^1.0.0 under dependencies. Install it From the terminal: Run flutter pub get. OR From VS Code: Click Get Packages located in right side of the action ribbon at the top of pubspec.yaml… Continue reading Using packages – Adding a package dependency to an app

To add the package css_colors to an app: Use the pub add command from inside the project directory flutter pub add css_colors Import it Add a corresponding import statement in the Dart code. Stop and restart the app, if necessary If the package brings platform-specific code (Kotlin/Java for Android, Swift/Objective-C for iOS), that code must… Continue reading Using packages – Adding a package dependency to an app using flutter pub add

Packages are published to pub.dev. The Flutter landing page on pub.dev displays top packages that are compatible with Flutter (those that declare dependencies generally compatible with Flutter), and supports searching among all published packages. The Flutter Favorites page on pub.dev lists the plugins and packages that have been identified as packages you should first consider… Continue reading Using packages – Searching for packages

To apply a set of keyboard shortcuts to a large section of the tree, use the Shortcuts widget: // Define a class for each type of shortcut action you want class CreateNewItemIntent extends Intent {  const CreateNewItemIntent(); } Widget build(BuildContext context) {  return Shortcuts(   // Bind intents to key combinations   shortcuts: const <ShortcutActivator, Intent>{    SingleActivator(LogicalKeyboardKey.keyN,… Continue reading Shortcuts widget

In addition to tab traversal, desktop and web users are accustomed to having various keyboard shortcuts bound to specific actions. Whether it’s the Delete key for quick deletions or Control+N for a new document, be sure to consider the different accelerators your users expect. The keyboard is a powerful input tool, so try to squeeze… Continue reading Keyboard accelerators

To get more control over the order that widgets are focused on when the user tabs through, you can use FocusTraversalGroup to define sections of the tree that should be treated as a group when tabbing. For example, you might to tab through all the fields in a form before tabbing to the submit button:… Continue reading Controlling traversal order

Users with physical keyboards expect that they can use the tab key to quickly navigate an application, and users with motor or vision differences often rely completely on keyboard navigation. There are two considerations for tab interactions: how focus moves from widget to widget, known as traversal, and the visual highlight shown when a widget… Continue reading Tab traversal and focus interactions

Set up a trigger for animation and choose an end value Configure the animation to trigger when the user clicks Show details. To do this, change opacity state using the onPressed() handler for TextButton. To make the FadeInDemo widget become fully visible when the user clicks Show details, use the onPressed() handler to set opacity… Continue reading Animate opacity with AnimatedOpacity widget – Set up a trigger for animation and choose an end value

class _FadeInDemoState extends State<FadeInDemo> {  double opacity = 0;  @override  Widget build(BuildContext context) {   return ListView(children: <Widget>[    // …    AnimatedOpacity(     opacity: opacity,     child: const Column(