MI Card Design — For Flutter Beginners !!

MI Card Design — For Flutter Beginners !!

Let’s see, how can we create My Profile Card Application in Flutter. Step 1: Create a flutter project <Projectname> Step 2: Create folder asset under your project by right click on Step 3: Similarly, create subdirectories /fonts and /images under the Step 4: asset/images: Copy-paste images directly in the images folder. You can also drag images to the asset/images directory from your device.

Hello Friends, Congratulations on joining the flutter learning journey with me.Hope you have already installed an android studio and ran your first “Hello world” application. If not please refer Getting started with Flutter !!

Let’s see, how can we create My Profile Card Application in Flutter.

Step 1: Create a flutter project

Step 2: Create folder asset under your project by right click on

project name->New->Directory

Creating a new directory under our application

It will ask for a directory name, give directory name and click OK

Write name for a new directory

Asset directory will be created under the project

Step 3: Similarly, create subdirectories /fonts and /images under the asset directory.

This time, Right click on /asset directory->New->Directory.

Your Project structure after creating a new directory

Step 4: asset/images: Copy-paste images directly in the images folder. You can also drag images to the asset/images directory from your device.

flutter flutter-widget flutter-ui app-development flutter-app-development

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How long does it take to develop/build an app?

This article covers A-Z about the mobile and web app development process and answers your question on how long does it take to develop/build an app.

Google's Flutter 1.20 stable announced with new features - Navoki

Google has announced new flutter 1.20 stable with many improvements, and features, enabling flutter for Desktop and Web

Hire Flutter Developer

Are you looking for next-generation mobile applications to increase business benefits? **[HourlyDeveloper.io](https://hourlydeveloper.io/ "HourlyDeveloper.io")** is one of the most reputable mobile app development company, which provides Flutter...

Flutter App Development | Skenix Infotech

Hire Flutter Developers from foremost Flutter app development company, Skenix Infotech to get a full spectrum of cross-platform flutter development services.

Hire Dedicated Flutter Developer

Are you planning for creating a native-like cross-platform app for your venture? **[Hire Dedicated Flutter Developer](https://hourlydeveloper.io/hire-dedicated-flutter-app-developer/ "Hire Dedicated Flutter Developer")** to develop cross-platform...