How to use the react-native-bpk-component-image.withLoadingBehaviour function in react-native-bpk-component-image
To help you get started, we’ve selected a few react-native-bpk-component-image 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 / native / packages / react-native-bpk-component-carousel / stories.js View on Github 
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import { StyleSheet } from 'react-native';
import { storiesOf } from '@storybook/react-native';
import { colorGray300 } from 'bpk-tokens/tokens/base.react.native';
import BpkText from 'react-native-bpk-component-text';
import BpkImage, {
withLoadingBehaviour,
} from 'react-native-bpk-component-image';
import CenterDecorator from '../../storybook/CenterDecorator';
import BpkCarousel, { BpkCarouselItem } from './index';
const WithLoadingBpkImage = withLoadingBehaviour(BpkImage);
const styles = StyleSheet.create({
page: {
flex: 1,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center',
},
view: {
alignSelf: 'center',
width: 350, // eslint-disable-line backpack/use-tokens
height: 233, // eslint-disable-line backpack/use-tokens
},
});
const renderImages = useFullComplement => {react-native-bpk-component-image
Backpack React Native image component.
