kylefang/react-native-card-stack-swiper
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-card-stack-swiper.git synced 2026-01-12 17:42:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix overlapped cards on Android

Browse Source
This commit is contained in:
Thomas Lui
2017-12-23 12:34:53 -08:00
parent a8a566ebf9
commit 11550ff489
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
CardStack.js
View File

@@ -6,7 +6,8 @@ import {
Animated,
PanResponder,
Dimensions,
Text
Text,
Platform
} from 'react-native';
const { height, width } = Dimensions.get('window');
@@ -345,7 +346,14 @@ export default class CardStack extends Component {
<View {...this._panResponder.panHandlers} style={[{position:'relative'},this.props.style]}>
<Animated.View style={{
position: 'absolute',
zIndex: (topCard === 'cardB') ? 3 : 2,
...Platform.select({
ios: {
zIndex: (topCard === 'cardB') ? 3 : 2,
},
android: {
elevation: (topCard === 'cardB') ? 3 : 2,
}
}),
transform: [
{ rotate: (topCard === 'cardB') ? rotate: '0deg' },
{translateX: (topCard === 'cardB') ? drag.x: 0},
@@ -357,7 +365,14 @@ export default class CardStack extends Component {
</Animated.View>
<Animated.View style={{
position: 'absolute',
zIndex: (topCard === 'cardA') ? 3 : 2,
...Platform.select({
ios: {
zIndex: (topCard === 'cardA') ? 3 : 2,
},
android: {
elevation: (topCard === 'cardA') ? 3 : 2,
}
}),
transform: [
{ rotate: (topCard === 'cardA') ? rotate: '0deg' },
{translateX: (topCard === 'cardA') ? drag.x: 0},