From f617dba1e62b225961f93216a46406ef1e7575fd Mon Sep 17 00:00:00 2001 From: Arnaud Vergnet Date: Thu, 23 Apr 2020 11:19:35 +0200 Subject: [PATCH] Fixed ios style --- src/components/Tabbar/TabHomeIcon.js | 8 +++----- src/components/Tabbar/TabIcon.js | 1 - 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/src/components/Tabbar/TabHomeIcon.js b/src/components/Tabbar/TabHomeIcon.js index 7c2b848..9d3e9db 100644 --- a/src/components/Tabbar/TabHomeIcon.js +++ b/src/components/Tabbar/TabHomeIcon.js @@ -1,10 +1,9 @@ // @flow import * as React from 'react'; -import {Image, View} from "react-native"; -import {FAB, withTheme} from 'react-native-paper'; +import {Image, Platform, View} from "react-native"; +import {FAB, TouchableRipple, withTheme} from 'react-native-paper'; import * as Animatable from "react-native-animatable"; -import TouchableRipple from "react-native-paper/src/components/TouchableRipple/index"; import CustomTabBar from "./CustomTabBar"; type Props = { @@ -76,8 +75,7 @@ class TabHomeIcon extends React.Component { onPress={props.onPress} onLongPress={props.onLongPress} borderless={true} - rippleColor={this.props.theme.colors.primary} - underlayColor={this.props.theme.colors.primary} + rippleColor={Platform.OS === 'android' ? this.props.theme.colors.primary : 'transparent'} style={{ position: 'absolute', bottom: 0, diff --git a/src/components/Tabbar/TabIcon.js b/src/components/Tabbar/TabIcon.js index f01a634..e81202e 100644 --- a/src/components/Tabbar/TabIcon.js +++ b/src/components/Tabbar/TabIcon.js @@ -71,7 +71,6 @@ class TabIcon extends React.Component { onLongPress={props.onLongPress} borderless={true} rippleColor={this.props.theme.colors.primary} - underlayColor={this.props.theme.colors.primary} style={{ flex: 1, justifyContent: 'center',