Uygulamalarınızda sayfa geçişi istiyor veya en azından uygulama içerisinde 2 sayfa varsa mutlaka react-navigation kullanmak zorundasınız. Kısaca kendi kullandığım kodu paylaşıcam.
Bir çok özellik mevcut ancak her birine değinmek mümkün değil tamamen ihtiyaca bağlı dökümandan kullanmak doğrusu olacaktır.
Projelerimim neredeyse tamamı bu düzenle ilerlemektedir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
import React from "react"; import { Transition } from 'react-native-reanimated'; import { createAppContainer } from 'react-navigation'; import createAnimatedSwitchNavigator from 'react-navigation-animated-switch'; import girisScreen from '../screen/Giris'; const AppNavigator = createAnimatedSwitchNavigator( { Giris: { screen: girisScreen }, }, { // The previous screen will slide to the bottom while the next screen will fade in transition: ( <Transition.Together> <Transition.Out type="fade" durationMs={400} interpolation="easeIn" /> <Transition.In type="fade" durationMs={500} /> </Transition.Together> ), } ); export default createAppContainer(AppNavigator); |
İlk Yorumu Siz Yapın