Skip to content

DonutsDevil/WhatAppUI-Replica

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

WhatAppUI-Replica

I gave myself a challenge to build WhatsApp mobile main Screen UI replica without referring to any of the youtube videos,
And I must say that it was fun.
You cannot install this app, But can reffer to the code. Below it the Priview of the app

NOTE : I am using ViewPager2, Fragments, Co-ordniator layout for displaying Chat,Status and Call Fragment, and for circular image

Chat Screen

Custom Search View has its own Feature like click on the type of file we want and search view will indicate which type of file it is searching.
Chat Fragment will Scroll to top whenever you enter in it.
This is implemented in ChatFragment.java, ChatFragmentAdapter.java here Adapter is used to populate dummy data.
When clicked on search menu we display Custom Search View

Status Screen

Here we use the same Custom Search View but here bottom ICON SEARCH is disable
Status Fragment will Scroll to top whenever you enter in it.

This is implemented in StatusFragment.java, StatusFragmentAdapter.javahere Adapter is used to populate dummy data.

Chat Screen

Here we use the same Custom Search View but here bottom ICON SEARCH is disable
Status Fragment will Scroll to top whenever you enter in it.

This is implemented in CallFragment.java, CallFragment.java.javahere Adapter is used to populate dummy data.

LAST POINT

MainActivity.java This is the Entry point of application.
And you will also notice that I have used NestedScrollView in each Fragments XML instead of using it in activity_main.xml
Cause Doing so will solve the issue of ViewPager2 having height as of the First Fragment in our case its ChatFragment

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages