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
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
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.
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.
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


