Free news app UI Kit with full source code for Android (Dark mode Included)

Published by Kapil Mohan on

Clean UI News app for android with full source code. Includes dark mode for clear reading. Best free news app UI kit on the net.




appsnipp news app ui kit thumbnail
appsnipp news app ui kit thumbnail

Project includes all base design and resources. For better results, use isometric images from freepik.com . It also includes java code for hiding bottom navigation, and switching dark and light theme.

Manifest.xml

Doesn’t require any additional code. Just start by adding a new drawer activity from new > activity > Navigation Drawer Activity

gradle (Module:app)

Uses minsdk 17 and target sdk 28 (required for always displaying label in bottomnavigationbar).

included ‘de.hdodenhof:circleimageview:3.0.0’ library for circular topics image

MainActivity.java

  • place the code for bottom navigation
  • in onCreate place code for setting night mode as default.

  • set hiding on scroll for bottom navigation

Full Code for MainActivity

BottomNavigationBehavior.java

java file for hiding and showing bottom navigation on scroll.

DarkModePrefManager.java

sharedPreference for storing light and dark mode preference.

res files

bottom_navigation_color.xml

File for changing bottom navigation elements color on click. currently icons are set to orange color while selected. you can change this color in colors.xml file.

Stes for creating bottom_navigation_color.xml file.

  • Right click on res folder > new > android resource file.
  • type name as bottom_navigation_color.xml
  • change resource type as color

code for bottom_navigation_color.xml

drawables

Layout

activity_main.xml

app_bar_main.xml

set toolbar visibility to gone.

content_main.xml

nav_header_main.xml

layout_featured_news.xml

layout for featured news. Can be used as recycler model, currently contents are set manually. (you could use a simple image if required). Horizontal scrolling recycler

layout_news.xml

layout for all news. Can be used as a recycler model, currently, contents are set manually. (you could use a simple image if required)

layout_topics.xml

layout for topics, with image and title. Can be used as a recycler model, currently, contents are set manually. (you could use a simple image if required)

Menu

activity_main_drawer.xml

master_bottom_navigation.xml

Values

colors.xml

colors.xml(night)

  • right click on values folder > new > value resource file
  • give name as colors
  • select night qualifier followed by >> button and press ok

dimens.xml

strings.xml

we’ve not extracted string resources.

styles.xml




If you like this post, please leave your suggestions and comments below 

Did you know? 
your comments can motivate us to create wonders.

NOTE:- source code includes XD Resources also!


Kapil Mohan

Like to add color to developers life and apps. Can create smile using Android, iOS, PHP, codeignitor, web technologies, etc... Feel free to contact me at [email protected] .