> For the complete documentation index, see [llms.txt](https://acdapps-io.gitbook.io/real-estate/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://acdapps-io.gitbook.io/real-estate/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/route_paths.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';

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