footer android look weird

taeyzzz commented 6 years ago

Hello

i try to make footer like this

this is my code

import {
  Button,
  Icon,
  Footer,
  FooterTab,
  ActionSheet
} from 'native-base';

<Footer style={this.getFooterStyle()}>
        <FooterTab style={styles.header}>
          <Button
            vertical
            onPress={() => this.props.navigation.navigate('HomeDashboardStack')}
          >
            <Icon name="home" style={this.getActiveStyle(0)} active={this.props.navigationState.index === 0} />
          </Button>
          <LinearGradient
            start={{x: 0.0, y: 0.25}} end={{x: 1.0, y: 1.0}}
            colors={['#32799f', '#49b8ac', '#53d6a7']}
            style={styles.linearGradient}
          >
            <TouchableOpacity
              onPress={() => this.selectImage()}
              style={styles.diagnoseBtn}
            >
              <Icon name="camera" style={{color: 'white'}}/>
            </TouchableOpacity>
          </LinearGradient>
          <Button
            vertical
            onPress={() => this.props.navigation.navigate('CaseProfileStack')}
          >
            <Icon name="people" style={this.getActiveStyle(1)} active={this.props.navigationState.index === 1} />
          </Button>
        </FooterTab>
      </Footer>