---
title: "Ekran geçişleri"
description: "Kullanıcılar bir flow'da ilerlerken ekranların nasıl göründüğünü ve kaybolduğunu canlandırın."
---

> **AI agents**: to search Adapty docs faster and with fewer tokens, install the Adapty skills: `npx adapty skills install --yes`

Ekranlar arasındaki geçişleri — bir ekranın nasıl kaybolduğunu ve yeni ekranın nasıl göründüğünü — canlandırabilirsiniz. Kullanılabilir animasyonlar, gerçekleştirilen navigasyon eylemine göre değişir:

- [**Navigate to Screen**](onboarding-actions#navigate-to-screen): [Aksiyon ayarlarını](#customize-a-transition) açın ve [tam animasyon türleri yelpazesinden](#animation-types) seçim yapın. Farklı adımlar farklı geçişler kullanabilir.
- **Navigate Next**: Yalnızca varsayılan push animasyonu.
- **Navigate back**: Mevcut ekrana gelirken kullanılan geçiş animasyonunu tersine çevirerek ve gecikme olmaksızın oynatır. Gelişte animasyon yoksa, dönüşte de animasyon olmaz.
- **Close Flow**: Kendine ait bir animasyonu yoktur. Flow ile yerel kullanıcı arayüzünüz arasındaki geçişten uygulamanız sorumludur.

## Animasyon türleri \{#animation-types\}

**Navigate to Screen** eyleminin **Animation** açılır menüsünde beş seçenek bulunur:

- **Push**: Yeni ekran bir kenardan girer ve mevcut ekranı diğer tarafa doğru iter.
- **Slide in**: Yeni ekran, aynı yönde kısa bir mesafe hareket eden mevcut ekranın üzerine kayarak ve soluklaşarak girer.
- **Slide out**: Mevcut ekran kayarak ve soluklaşarak uzaklaşır; altındaki yeni ekranı ortaya çıkarır.
- **Fade through**: Yeni ekran, mevcut ekranın üzerine soluklaşarak belirerek girer.
- **None**: Yeni ekran, mevcut ekranın yerini anında alır.

## Geçişi özelleştirme \{#customize-a-transition\}

Animasyonu yalnızca bir **Navigate to Screen** eyleminde değiştirebilirsiniz.

1. Navigasyon işlemini tetikleyen öğeyi seçin.
2. **Interactions** panelinde navigasyon işlemine tıklayın.
3. İşlem **Navigate Next** ise, **Action** açılır menüsünden **Navigate to Screen** seçeneğini belirleyin. Ardından **Destination** olarak bir sonraki ekranı seçin.
4. **Animation** açılır menüsünden bir animasyon seçin.
5. Animasyonun **Direction**, **Easing** veya **Duration** ayarları varsa bunları düzenleyin.
6. Animasyon başlamadan önce mevcut ekranı görünür tutmak için **Delay** alanına bir değer girin. Örneğin, bir [yükleme ekranını](builder-loaders-and-progress-bars#loaders) birkaç saniyeliğine göstermek için gecikme kullanabilirsiniz. [Navigasyondan sonra sıralanan işlemler](onboarding-actions#action-order) gecikmeyi beklemez.
7. Geçişi kendi ekranlarınızda görmek için [flow'u bir cihazda test edin](paywall-device-compatibility-preview#preview-on-devices).