Posts

Transparent app bar and gradient background

-
Image
  In this blog, we will see how to make transparent app bar and how to give gradient background. Transparent app bar and gradient background gives an outstanding look to your application. Demo : To make the app bar transparent you can use the below code. extendBodyBehindAppBar: true, appBar: AppBar (   title: Text ( 'Dashboard' ) ,   leading: Icon (CupertinoIcons. arrow_left ) ,   actions: [     Icon (CupertinoIcons. bell ) ,     SizedBox (width: 10 , ) ,     Icon (CupertinoIcons. add ) ,     SizedBox (width: 10 , )   ] ,   backgroundColor: Colors. transparent ,   elevation: 0 , ) ,   Now, we will make a new stateless class named as GradientBackground(you can give any name of your choice) and in this class we will design the gradient background. Use decoration property inside Container widget, give BoxDecoration and inside it use gradient property. You can give...
Post a Comment
Read more

Introduction Screen using introduction_screen package

-
  In this article we will explore the introduction screen. You might have seen this screen in many applications. Some call this screen a welcome screen, walk through screen, onboarding screen, introduction screen, etc.              Table of content :    Introduction Screen   Demo   Properties   Code implementation   Conclusion Introduction screen : To create an introduction screen in the easiest and fastest way, introduction_screen is the package to go with. You need to add its dependency in your pubspec.yaml file and do pub get. introduction_screen : ^2.1.0 Link of package : https://pub.dev/packages/introduction_screen Demo : Properties :  globalBackgroundColor: This property takes color that we want to show in the background. This color will be the same for all screens. dotDecorator: Using this property we can decorate our dots. It has few properties to decorate dot...
Post a Comment
Read more