#Flutter - Guide to Solve different kinds of Problems (Page - 19)

In this app example, we have made a communication server with node.js that helps to transfer messages from one user to another user. It is a multiuser chat app, which means one user can send a message to another specific user. See the example below for more details.

If you want to build a beautiful User Interface of the App, you need to know all kinds of Widgets available in Flutter. In this example, I have used Stack() and Positioned() widget to overlap multiple containers together.

If you want to make wave curves animation without knowledge of animation, quadratic Bezier, and custom clipper path then this example is for you. In this example, we have used a flutter package that helps to make wave curves easily with very little code.

In this example, we are going to show you how to make a model class, and make a list of model data and populate them into Grid View. This is a simple example to understand the method to insert data into Grid View.

In this example, we are going to show you how to fetch data from PHP and MySQL server using REST API. The data will be in JSON format from the server. We are going to praise it into model and insert them to Flutter table.

The table is very important component to show data in an organized way, you may need while building app. In flutter, you can build table using the Table() widget. See the example below to build a table in the Flutter app.

If you are building a utility app with Flutter with features like changing brightness the look at the example below. It is very easy, we have used Slider() widget to change the brightness and package to set the brightness.

By default, the shape of the floating action button (FAB) in the flutter is circular and the location is bottom right floated. You can change the location and shape of the floating action button using properties in Scaffold() widget class and FloatingActionButton() widget class.

In this example, we have shown to list all the files or folders from Internal or External (SD Card) storage. You can also add an extension filter to list files with specific path extension.

You will find lots of widgets to make your user interface beautiful in Flutter. In this example, we have used one of the packages which help to make animated liquid wave progress indicators very easily with little code.

When you are making a form in Flutter which has a filed to get Country name, it is better to make country select then input field. But to make a country select list is a bit lengthy, you need data of countries, flags, country codes, dial codes.

If you are making signup form with Flutter, you may need an input field to insert phone number along with code drop-down selector. In this example, we are going to show you to make easy International Phone Code selection drop-down using package.