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

feat: use Animated.X for header title and background

Browse Source
This commit is contained in:
Dulmandakh
2019-09-22 01:01:33 +02:00
parent 25d3e96d0e
commit ed4bc26aa1
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/stack/src/views/Header/HeaderBackground.tsx
View File

@@ -1,8 +1,9 @@
import * as React from 'react';
import { View, StyleSheet, Platform, ViewProps } from 'react-native';
import { StyleSheet, Platform, ViewProps } from 'react-native';
import Animated from 'react-native-reanimated';
export default function HeaderBackground({ style, ...rest }: ViewProps) {
return <View style={[styles.container, style]} {...rest} />;
return <Animated.View style={[styles.container, style]} {...rest} />;
}
const styles = StyleSheet.create({

5
packages/stack/src/views/Header/HeaderTitle.tsx
View File

@@ -1,12 +1,13 @@
import * as React from 'react';
import { Text, StyleSheet, Platform, TextProps } from 'react-native';
import { StyleSheet, Platform, TextProps } from 'react-native';
import Animated from 'react-native-reanimated';
type Props = TextProps & {
children?: string;
};
export default function HeaderTitle({ style, ...rest }: Props) {
return <Text {...rest} style={[styles.title, style]} />;
return <Animated.Text {...rest} style={[styles.title, style]} />;
}
const styles = StyleSheet.create({