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

# Screens Navigation

Navigate between screens and reuse one banner placement

When the app navigates between screens, you should stop auto-reloading all ads which will not be visible. The best way to set this for banner ads is modifying `autoreload` property. Please see the example how it might be done when using [react-navigation](https://reactnavigation.org/) library.

Declare `state` object with boolean `autoReloadBanner` value.

```javascript
    constructor(props) {
        super(props);
        this.state = { 
            autoReloadBanner: true
        };
    }
```

Use this `autoReloadBanner` value to set `autoreload` property.

```javascript
<RNAatkitBanner
    reloadOnStart={true}
    autoreload={this.state.autoReloadBanner}
    name="Banner"
    size={RNAatkit.PlacementSize_Banner320x53}
    />
```

When navigating to another screen, update the state.

```javascript
this.setState( {
    autoReloadBanner: false
});
navigate('SecondScreen');
```

Use `react-navigation` `didFocus` event to start auto-reloading banner again when user comes back to the screen.

```javascript
 componentDidMount() {
    this._sub = this.props.navigation.addListener(
        'didFocus',
        () => {
            this.setState( {
                autoReloadBanner: true
            });
        }
    );
 }

 componentWillUnmount() {
    this._sub.remove();
 }
```