reactnative-visual
  • @dormakaba/digital-reactnative-visual
  • Getting started
  • Changelog
  • Components
    • Avatar
    • Button
    • Card
    • Checkbox / Radio
    • Icons
    • IconButton
    • Image Cropper
    • Page, Row, Col
    • List, ListItem
    • Modal
    • Notification
    • QR Code Reader
    • Select
    • Snack
    • Swipeable
    • Textfield
    • Typography: H1, P, Label, Hint, Text
  • Page Templates
    • Animated Login View
    • Login Area View
    • Animated Panel List
    • Animated Avatar View
  • Misc
    • Colors
    • VisualProvider
  • Show Cases
    • exivo
Powered by GitBook
On this page
  • Preview
  • Code sample
  • Props
  1. Components

Image Cropper

Adding images...

PreviousIconButtonNextPage, Row, Col

Last updated 6 years ago

Preview

The component let's user choose an existing image from the image gallery or to take a new one and is able to select an area of that image to pass to your app. Mostly used to take person images for avatar component or similar use cases.

Code sample

import { ImageCropper } from '@dormakaba/digital-reactnative-visual';

<ImageCropper onChange={(img) => {}}>
  <Button primary>Take image</Button>
</ImageCropper>

The child of the Image cropper can be any component taking an `onPress` prop (Buttons,...).

Props

Name

Type

Description

onChange

function

returns the image after taken or choosen from the library