kylefang/react-navigation
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-navigation.git synced 2026-04-23 20:10:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add headerBackgroundTransitionPreset with 'toggle' 'translate' and 'fade' options

Browse Source
This commit is contained in:
Brent Vatne
2018-10-31 13:38:21 -07:00
parent cbd227c6df
commit ab30e0c0e1
2 changed files with 45 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/stack/example/src/HeaderBackgrounds.js
View File

@@ -1,9 +1,6 @@
import React, { Component } from 'react';
import { StyleSheet, View, Text } from 'react-native';
import {
createStackNavigator,
HeaderStyleInterpolator,
} from 'react-navigation-stack';
import { createStackNavigator } from 'react-navigation-stack';
function createHeaderBackgroundExample(options = {}) {
return createStackNavigator(
@@ -94,15 +91,10 @@ function createHeaderBackgroundExample(options = {}) {
}
export const HeaderBackgroundDefault = createHeaderBackgroundExample();
export const HeaderBackgroundTranslate = createHeaderBackgroundExample({
transitionConfig: () => ({
headerBackgroundInterpolator:
HeaderStyleInterpolator.forBackgroundWithTranslation,
}),
headerBackgroundTransitionPreset: 'translate',
});
export const HeaderBackgroundFade = createHeaderBackgroundExample({
transitionConfig: () => ({
headerBackgroundInterpolator: HeaderStyleInterpolator.forBackgroundWithFade,
}),
headerBackgroundTransitionPreset: 'fade',
});
const styles = StyleSheet.create({