> For the complete documentation index, see [llms.txt](https://emrade.gitbook.io/buddy/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://emrade.gitbook.io/buddy/the-app/adding-screens.md).

# Adding Screens

### Creating Screen Files

Adding a new screen can be done in a couple of steps

* Create a new folder, say `new_screen` and place it under `/lib/views/` .
* Create a new file `new_screen.dart` within this folder.

```
class NewScreen extends StatelessWidget {
    . . .
    . . .
}
```

### Update Routes file

* Open the `/lib/constants/routes.dart`
* Add a new line like below

```
 static const String newRoute = "new_route_name";
```

### Update Router file

* Open the file `/lib/config/router.dart`
* `import`newly created Screen into the Router 

```
import 'package:appname/views/new_screen/new_screen.dart';

Route<dynamic> generateRoute(RouteSettings settings) {
  switch (settings.name) {
   case AppRoutes.newRoute:
      return MaterialPageRoute(builder: (_) => NewScreen());
  }

```