import React, { Component } from 'react';
import BpkHorizontalNav, { BpkHorizontalNavItem } from 'react-native-bpk-component-horizontal-nav';
export default class App extends Component {
constructor() {
super();
this.state = {
selectedId: 'flights',
};
}
render() {
return (
<BpkHorizontalNav selectedId={this.state.selectedId}>
<BpkHorizontalNavItem
id="flights"
title="Flights"
onPress={() => {
this.setState({ selectedId: 'flights' });
}}
/>
<BpkHorizontalNavItem
id="hotels"
title="Hotels"
onPress={() => {
this.setState({ selectedId: 'hotels' });
}}
/>
<BpkHorizontalNavItem
id="car-hire"
title="Car hire"
onPress={() => {
this.setState({ selectedId: 'car-hire' });
}}
/>
</BpkHorizontalNav>
);
}
};