Home > Mobile >  how to create this type of layout the header in the below image in flutter
how to create this type of layout the header in the below image in flutter

Time:08-10

Anyone can tell me how to create this type of header in flutter I am new to flutter and doesn,t how to create this type of layout

CodePudding user response:

Use ClipPath or more simple way is to using some prepared image with waves and use it in Column, e.g.,

Column(
  children: [
    GreenContainer(),
    Image.assets('my_wavy_image.png'),
  ],
)

CodePudding user response:

Appbar in flutter is usually fixed. You can make a work around. Add a default appbar and just below, add another custom widget from the link given

https://pub.dev/packages/flutter_custom_clippers

  • Related