Flutter 5 must-have desktop plugin packages will be included in your next version

Brother Cat said

Seeing this picture, maybe you are yearning for a peaceful life just like me.

In today’s recommended article, I feel that fonts, animations, and drop-down plug-ins are still very useful. I guess you have used them all.

Old iron remember to forward, Brother Mao will present more Flutter good articles~~~~

WeChat flutter training group ducafecat

original

https://medium.com/fddevops/5-must-have-flutter-desktop-packages-to-include-in-your-next-build-e45d6dfd3995

reference

text

It is a software development kit developed by Google in 2018. Since its establishment, it has received wide acclaim from the industry. What makes it stand out is its easy-to-learn coding language, easy to learn, simple and eye-catching widget design, and cross-platform development capabilities.

Flutter continues to make huge improvements and is now a stable product for both Flutter web and mobile. Although Flutter Desktop Desktop is still in the alpha stage, as developers continue to use it for desktop application development, you can expect substantial enhancements in the coming months. In this article, we will introduce you to 5 desktop packages that must be included in the next version.

Why does the desktop still make sense?

If you believe that the era of desktop applications is over, then you will be a good company. After all, the development and use of mobile applications continues to grow rapidly, and people's attention is mainly focused on the future of mobile applications.

Nevertheless, many users still prefer to view the application on a larger screen, even if it is not a desktop application. Desktop users can view more information, navigate easily, and can spend more time on the application.

The rise of cross-platform development

In the past few years, the demand for local developers has dropped significantly. DRY (don't repeat yourself) has long been the holy grail for developers. JsNode has a "promise" (no pun intended), and then Xamarin as a cross-development tool can be used on multiple platforms. This feature is missing in local development.

Flego was the first cross-platform development tool, now called React Native. Flutter is a cross-platform development tool, which is equipped with UI rendering components, navigation, testing, and a large number of libraries. The Flutter engine contains all the features developers need to build and deploy their applications.

Because of these new developments, many people think that Flutter may replace electron for desktop development.

Flutter engine

The goal of the Flutter team is to build a cross-platform UI toolkit to achieve code reusability. This led to the development of the Flutter engine. From a technical point of view, the Flutter engine puts pixels on the screen when they are necessary. The Flutter engine is the cornerstone of Flutter's fast and high-quality output.

Flutter's new desktop-oriented alpha version allows more keyboard input, mouse control, and large screen display.

Desktop plugin for Flutter

There are a large number of desktop software packages available on Windows, Mac and Linux operating systems. Below is a quick overview of these packages.

Provider 5.0.0 (Null Safety)

https://pub.dev/packages/provider

It is a wrapper around an inheritable widget, making it reusable and easy to use. You can use Provider in your code instead of manually writing Inheritedwidget, you will get the following benefits:

Simplify resource allocation
Lazy loading
One significantly reduces boilerplate and makes a new class every time
User-friendly development tools
The most reliable way to use IngeritedWidget in your code
Provide more scalability for classes

Google_fonts

https://pub.dev/packages/google_fonts

This is not surprising. This Flutter package allows you to use any of the 977 fonts and their variants in Flutter applications. These fonts are from fonts.google.com.

Start using google fonts

Use the google font package,. or. Otf files do not need to be stored in the assets folder, they can be mapped in pubspec. They can be retrieved once at runtime via HTTP commands and can be cached in the application's system. This package is specifically designed to reduce the size of the application package. Using the google_fonts package, developers can select pre-bound fonts, and then use the same API to select fonts on HTTP.

Flutter Photo View

https://pub.dev/packages/photo_view

A simple zoomable image/content widget for flutter. PhotoView allows users to zoom in and out of the picture, catering to the user's pinch, rotate, and drag gestures.

It can also be used to display any widget in the image, such as Container, Text or SVG. Although the PhotoView Flutter package is easy to use, it is very customizable through its options and controllers.

how to install?

Add photo_view as a dependency in the pubspec.yaml file

dependencies:
  photo_view: ^0.11.1

Import photos to view:

import 'package:photo_view/photo_view.dart';

Very basic usage

@override
Widget build(BuildContext context) {
  return Container(
    child: PhotoView(
      imageProvider: AssetImage("assets/large-image.jpg"),
    )
  );
}

animations

High-quality Flutter animation prefabs. The software package is equipped with pre-recorded animations to achieve the desired effect. Animations can be customized according to your content, or integrated into the app to please users:

Material Motion for Flutter

Material Motion is a set of transition modes that help users understand and navigate the application. Currently, this library provides the following conversion modes:

Container transform

The Container transform mode is designed to facilitate the transformation between UI elements that contain containers. The picture shown below tells us that this package creates a visible connection between two UI elements.

Shared axis

The shared axis mode helps to transform between UI elements that have spatial or navigational relationships. This mode uses shared transformations on the x, y, and z axes to strengthen the relationship between elements.

Fade through

The fade-in mode is used to transition between UI elements that are not closely related to each other.

Fade

The fade-in mode is used for UI elements that exist within the boundaries of the screen, such as a dialog box that fades out in the center of the screen.

Flutter pulltorefresh

This Flutter software package integrates Flutter scroll parts and pull-down refresh functions.

Features:

When you scroll up in the window, it will load, when you scroll down, it will refresh
It is most suitable for all scrolling widgets, such as GridView and ListView
Equipped with some common indicators
Global settings with default indicators and attributes
In addition to horizontal and vertical refresh, it also supports reverse ScrollView
Contains more updated styles, such as Behind, Follow, Unfollow and Front
Support two-level refresh

https://ducafecat.tech/

https://github.com/ducafecat