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

# Adding Screens

## Creating new screens

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

* Create a new folder, i call it `new_screen` and place it under `/lib/screens/` .
* Create a new file `new_screen.dart` within this folder.

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

### Update Routes file

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

NB: I called my new route "new\_screen"

```
//import the recent screen you created "NewScreen"

'/new_screen': (context) => NewScreen(),
```

you can refer to your new route by "navigation" using the code below

```
Navigator.pushReplacementNamed(context, '/new_screen');
```