Skip to content
0:00 / 0:00

#flutter#responsivedesign#uidesign

Flutter WhatsApp UI - Web and Mobile - Responsive Design

BNB TECH

906 subscribers • 4 videos on Hallway

YouTube
  • Recommended by 1 person: 1 in engineering communities.
  • Linked in the descriptionagharshit08/Flutter-Tutorials
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Intermediate. Assumes working knowledge.

1.8K views6 years ago1 recommendation

Mobile developmentWeb developmentFlutter and React NativeVue, Svelte, Angular and others

How to design a responsive WhatsApp clone UI for both mobile and web platforms using Flutter and Provider.

Like, Share, and Subscribe. In this video, we will design WhatsApp UI according to different screen sizes using Flutter. Fitness App UI Tutorial: youtube.com/watch?v=hTg4DDl8Ixo Flutter Navigation: youtube.com/watch?v=FV5k56IJWsk&t=289s Source Code: github.com/agharshit08/Flutter-Tutorials/tree/master/4.%20Wh… Don't forget to star the GitHub repository :) NCS MUSIC AT ncs.io Instagram: instagram.com/tech_bnb/ Twitter: twitter.com/tech_bnb Timestamps: Introduction Project Setup Home Screen AppBar with TabBar Search Bar Chat List on Home Page Chat Screen Message Composer Chat Messages Running Web Mode Web Home Screen Adding Provider Final Touches based on Screen Thanks for watching :)

Why it's here

1 person recommends this

u/beingonearthin r/FlutterDev • Recommends

Flutter WhatsApp UI - Web and Mobile - Responsive Design