Browse Source

Fixed ios style

Arnaud Vergnet 3 years ago
parent
commit
f617dba1e6
2 changed files with 3 additions and 6 deletions
  1. 3
    5
      src/components/Tabbar/TabHomeIcon.js
  2. 0
    1
      src/components/Tabbar/TabIcon.js

+ 3
- 5
src/components/Tabbar/TabHomeIcon.js View File

1
 // @flow
1
 // @flow
2
 
2
 
3
 import * as React from 'react';
3
 import * as React from 'react';
4
-import {Image, View} from "react-native";
5
-import {FAB, withTheme} from 'react-native-paper';
4
+import {Image, Platform, View} from "react-native";
5
+import {FAB, TouchableRipple, withTheme} from 'react-native-paper';
6
 import * as Animatable from "react-native-animatable";
6
 import * as Animatable from "react-native-animatable";
7
-import TouchableRipple from "react-native-paper/src/components/TouchableRipple/index";
8
 import CustomTabBar from "./CustomTabBar";
7
 import CustomTabBar from "./CustomTabBar";
9
 
8
 
10
 type Props = {
9
 type Props = {
76
                     onPress={props.onPress}
75
                     onPress={props.onPress}
77
                     onLongPress={props.onLongPress}
76
                     onLongPress={props.onLongPress}
78
                     borderless={true}
77
                     borderless={true}
79
-                    rippleColor={this.props.theme.colors.primary}
80
-                    underlayColor={this.props.theme.colors.primary}
78
+                    rippleColor={Platform.OS === 'android' ? this.props.theme.colors.primary : 'transparent'}
81
                     style={{
79
                     style={{
82
                         position: 'absolute',
80
                         position: 'absolute',
83
                         bottom: 0,
81
                         bottom: 0,

+ 0
- 1
src/components/Tabbar/TabIcon.js View File

71
                 onLongPress={props.onLongPress}
71
                 onLongPress={props.onLongPress}
72
                 borderless={true}
72
                 borderless={true}
73
                 rippleColor={this.props.theme.colors.primary}
73
                 rippleColor={this.props.theme.colors.primary}
74
-                underlayColor={this.props.theme.colors.primary}
75
                 style={{
74
                 style={{
76
                     flex: 1,
75
                     flex: 1,
77
                     justifyContent: 'center',
76
                     justifyContent: 'center',

Loading…
Cancel
Save