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.

github Skyscanner / backpack / native / packages / react-native-bpk-component-carousel / stories.js View on Github external
* 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.

Apache-2.0
Latest version published 5 years ago

Package Health Score

70 / 100
Full package analysis

Popular react-native-bpk-component-image functions

Similar packages