ptomasroos / react-native-tab-navigator

A tab bar that switches between scenes, written in JS for cross-platform support
MIT License
2.4k stars 415 forks source link

Line between tabs #149

Closed swaroopa94 closed 6 years ago

swaroopa94 commented 7 years ago

Hi,

I worked on your module It simply nice But in this I want to add the lines between two tabs Can anyone suggest me how to use this Here is my code

<TabNavigator.Item
              selected={this.state.selectedTab === 'services'}
              renderIcon={() => <Image style={{width:180/2.5,height:145/2.5}} source={require('./../images/services.png')} />}
              renderSelectedIcon={() => <Image style={{width:180/2.5,height:145/2.5}}  source={require('./../images/services_active.png')} />}
              onPress={() => this.setState({ selectedTab: 'services' })}>
                <View style={{flex:0.75}}>  
               <Services {...this.props}/>       
                </View>
            </TabNavigator.Item>
              <TabNavigator.Item
              selected={this.state.selectedTab === 'alerts'}
              renderIcon={() => <Image style={{width:180/2.5,height:145/2.5}}  source={require('./../images/alerts.png')} />}
              renderSelectedIcon={() => <Image style={{width:180/2.5,height:145/2.5}}  source={require('./../images/alerts_active.png')} />}
              onPress={() => this.setState({ selectedTab: 'alerts' })}>
               <View style={{flex:0.75}}>     
               <Alerts {...this.props}/>       
                </View>
            </TabNavigator.Item>   
ptomasroos commented 6 years ago

Will close since this issue is more than a year, feel free to a open a new if this is still a issue.