Replace AppBar to CurvedNavigationBar

[NesaByte]

We have a old looking app, give it a modern look by replacing the AppBar to CurvedNavigationBar.

Check this one: https://pub.dev/packages/curved_navigation_bar

[Siddhant-K-code]

we have to change it in lib/main.dart ??

[NesaByte]

hi there! yes, what do you have in mind?

[Siddhant-K-code]

by changing this file's section

[NesaByte]

yes, instead of AppBar we change it to CurvedNavigationBar?

[Siddhant-K-code]

and use this

we will modify it ?

[NesaByte]

yes please, i'll assign you

[Siddhant-K-code]

we have to add background color and we have to add to this ?:

backgroundColor: Colors.blueAccent,
    items: <Widget>[
      Icon(Icons.add, size: 30),
      Icon(Icons.list, size: 30),
      Icon(Icons.compare_arrows, size: 30),
    ],
  ),
  body: Container(color: Colors.blueAccent),

[NesaByte]

Dont worry about the background color, don't assign anything to it. We have a ThemeData that organizes all the colors:

[Siddhant-K-code]

how to fix this error and how to add text in CurvedNavigationBar

[NesaByte]

remove all these lines:

those are for the AppBar.

[Siddhant-K-code]

then, for Text ?

[NesaByte]

no more text

[Siddhant-K-code]

how will be print the title and all ?

[Siddhant-K-code]

is it fine ?

[NesaByte]

no need to print the title, its included in the appbar. we remove it completely.

[NesaByte]

change the Icon.* to home and calender

[Siddhant-K-code]

Done, Pls check it once

[NesaByte]

superb, looks good to me. do u have an emulator? what does it looks like now?

[Siddhant-K-code]

Thanks, but, sorry my laptop is unable to handle emulator.

[NesaByte]

oooh i see, need to check it out how it looks like. but overall good job

[NesaByte]

👍 thank you, I'll test it out soon tomorrow. It's late-night here right now.

[NesaByte]

fixed this at -> commit - ed74cb