How to use bpk-component-navigation-stack - 2 common examples
To help you get started, we’ve selected a few bpk-component-navigation-stack examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
Skyscanner / backpack / packages / bpk-docs / src / pages / NavigationStackPage / page-components.js View on Github 
BpkNavigationBarIconButton,
} from 'bpk-component-navigation-bar';
import BpkNavigationStack, {
withNavigationStackState,
} from 'bpk-component-navigation-stack';
import BpkButton from 'bpk-component-button';
import { cssModules } from 'bpk-react-utils';
import STYLES from './NavigationStackPage.scss';
const getClassName = cssModules(STYLES);
const ArrowIconWithRtl = withRtlSupport(ArrowIcon);
const ArrowRightIconWithRtl = withRtlSupport(ArrowRightIcon);
const RtlAwareNavigationStack = updateOnDirectionChange(BpkNavigationStack);
export const StatefulNavigationStack = withNavigationStackState(
RtlAwareNavigationStack,
);
const BarAndStack = ({
views,
pushView,
popView,
className,
}: {
views: Array>,
pushView: ?(Element) => mixed,
popView: ?() => mixed,
className: ?string,
}) => (
<div>
</div>}
/>
);
BarAndStack.defaultProps = {
popView: null,
pushView: null,
className: null,
};
export const StackWithNavBar = withNavigationStackState(BarAndStack, false);
export const View = ({
children,
index,
}: {
children: ?Node,
index: number,
}) => (
<div>
{children}
</div>bpk-component-navigation-stack
Backpack navigation stack component.
