10 Flutter Component Recommendations – 5 - flutter技巧

10 Flutter Component Recommendations – 5

We'll be looking at websites, packages, GitHub repositories, widgets, extensions, and more, so I suggest you follow me now and don't miss this!

Happy reading!

Flutter Carplay

Meanwhile, it's hype, poker play. You can use it to develop an app in Flutter that runs on Apple Carplay.

Scribble

http://pub.dev/packages/scribble

Scribble is a simple package that lets you draw. It responds to changes in pressure, supports strokes of different thicknesses, and more.

It's still in development, but it's constantly getting new features and already has the most important ones.

Badges

http://pub.dev/packages/badges

Package badges are used to add badges to any widget. This number can indicate how many items are in your cart or how many new messages there are, but it can also be used to indicate warnings, such as an exclamation mark or a new feature. As you can see, the possibilities are almost endless.

The best part is that it is very easy to use. You just wrap your widget with a "Badge" widget and specify badContent, eg text. Below is an example:

Pinput

https://pub.flutter-io.cn/packages/pinput

Pinput is used to create pin code inputs where each pixel is customizable.

Flutter Blurhash

https://pub.dev/packages/flutter_blurhash

This package is for adding a blur effect to images. Blurhash is a code that specifies that your image will appear blurry. To get this code you need to go to https://blurha.sh/ image gallery and paste your image there. Here's a visual example of how this works:

Now to insert blurhash, you have to implement the following code in your flutter code:

Bottom Bar with Sheet

https://pub.dev/packages/bottom_bar_with_sheet

is a normal bottom bar, but it provides a very useful feature. Sometimes you want more space on the screen, but how do you do that? Well, very simple: with this navbar you can pull up a "second screen"/table, and by doing so, you get more space. Here is a small example:

It looks a bit complicated, but it's actually not that complicated. There is a great readme in the package that explains everything in detail.

String Validator

http://pub.dev/packages/string_validator

This package has saved me a lot of time. String \_ validator is used to validate a string (who would have thought). It doesn't sound exciting, but if you look at how many possibilities there are to validate a string with this package, it belongs to almost every Flutter project.

Flutter gen

http://pub.dev/packages/flutter_gen

This tool is very useful. We all know that string based APIs are not the most secure. If a single character is inserted incorrectly, the entire string will stop working. The problem is that you often use the sting api in Flutter. Assets, fonts, colors... Flutter was originally there to solve this problem.

It's a bit complicated to set up, but well worth it, you should use it in every project!

Photo View

https://pub.dev/packages/photo_view

Photo View is a very simple yet useful package. When you show a photo, you also want to be able to zoom in and out and other things. Just wrap your picture with the PhotoView widget and you're done

You can also create a photo gallery.

Wakelock

https://pub.dev/packages/wakelock

Prevent the screen from automatically turning off

If the user has set it, the screen will turn off after a while and the phone will automatically lock. But this is sometimes very annoying because a process is running in an application or something. With this simple plugin, you can prevent your phone from locking automatically:

Have a nice day and thanks for reading!

10 Flutter Component Recommendations – 5