Profile page ui - First Flutter Project. Just basic UI and Interaction experimentation.

Overview

Profile Page UI

My first Flutter UI Page. Just experimenting with App Dev.

Features

  1. The main home screen looks initially like this,

  1. The Follow Button changes its colour and text on being pressed.

  1. The Add button on being pressed displays an alert,

  1. The Message button on being pressed takes the user to a new messaging screen (whose UI I haven't built but the navigation works)

Summary

Learnt about the structuring of a Flutter program and how all the widgets work together to make the final app. Would be working on more complex projects in the future

You might also like...

Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Flutter Tutorial - User Profile & SharedPreferences Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's inf

Dec 3, 2022

Flutter UI Designing Profile Page

Flutter UI Designing Profile Page

designing_profile_page A new Flutter project. Getting Started This project is a

Mar 5, 2022

My flutter (android, ios) UI design examples 🎈 - user profile UIs, food order ui, splashscreen, mask widget usage, settings page ui

My flutter (android, ios) UI design examples  🎈 - user profile UIs,  food order ui, splashscreen, mask widget usage, settings page ui

Flutter UI Design Examples 🎈 This repository contains the flutter ui designs I designed while learning. Doctor Appointment App UI Packages in use: fl

Nov 14, 2022

My first bmi calculator using flutter and basic functionalities.

My first bmi calculator using flutter  and basic functionalities.

bmi_calculator A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Jan 24, 2022

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

wired_elements Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun

Dec 1, 2022

just a flutter project called working_project that projects the project on the working.

just a flutter project called working_project that projects the project on the working.

Flutter & Firebase Realtime Apps This is a Shipper app that can be used as a shipper hooker using Flutter & Firebase. Go drawsql.app/c-5/diagrams/work

Jan 1, 2022

Al-Islam-Quizzer - A quiz app on basic islamic knowledge in different categories for both adult and children The landing page

Al-Islam-Quizzer - A quiz app on  basic islamic knowledge in different categories for both adult and children The landing page

al_islam_quizzer This is a quiz app on basic islamic knowledge in different cate

Sep 27, 2022

Smooth-Page-Indicator-Example-Flutter - A simple example about smooth page indicator in Flutter

Smooth-Page-Indicator-Example-Flutter - A simple example about smooth page indicator in Flutter

Smooth Page Indicator Example - Flutter Screenshots ⚠️ Essential Packages smooth

Dec 7, 2022

A package that offers various page indicators inlcuding a Flutter implementation of the Ink Page Indicator

A package that offers various page indicators inlcuding a Flutter implementation of the Ink Page Indicator

A package that offers various page indicators inlcuding a Flutter implementation of the Ink Page Indicator. See below for more examples.

Jan 6, 2022
Owner
Aryan Bakshi
B.E. Computer Science @ BITSP (2021-2025)
Aryan Bakshi
This project aims to provide a simple and customizable Review Page interaction made with Flutter.

Review Page Interaction This project aims to provide a simple and customizable Review Page interaction made with Flutter. Check it out on Béhance (htt

Marcos Morales Rodrigo 29 Mar 29, 2022
Flutter profile ui - Round Image Profile UI For Flutter

round_image_page A new Flutter project.

Mahfozur Rahman Asif 2 Oct 21, 2022
An efficient and easy CA-Client interaction flutter project

Cloud Accounting An efficient and easy CA-Client interaction flutter project This is an application for a CA to interact with its clients. Clients can

null 1 Dec 18, 2022
I created a welcome page, login page and signup page using Flutter

welcome_page UI design for welcome page, signUp page & Login page by Joy Obor Getting Started This project is a starting point for a Flutter applicati

spyder 0 Dec 29, 2021
Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

唯鹿 165 Jan 2, 2023
The complete school management application for ARNHSS , for interaction of parents , students and teachers

screen shorts and work progress user flow chart ARNHSS -> School project Description here Libraries used ?? Flutter dart basic language Provider for s

Anin Arafath 2 Dec 24, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Johannes Milke 46 Dec 6, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Johannes Milke 45 Dec 15, 2022
A quick sample app on how to implement a friend list and a profile page in Flutter.

FlutterMates All code resides in the /lib folder: there's no Android / iOS specific code needed. The article, slides and how this came to be, is here.

Codemate Ltd 528 Jan 8, 2023
App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction.

Grocery Shop Flutter App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction. About The app w

Wilton Neto 485 Dec 9, 2022