文件列表:

.eslintrc (1853, 2023-11-20)
.vscode/ (0, 2023-11-20)
.vscode/settings.json (30, 2023-11-20)
LICENSE (1074, 2023-11-20)
demo.gif (2919559, 2023-11-20)
example/ (0, 2023-11-20)
example/.expo-shared/ (0, 2023-11-20)
example/.expo-shared/assets.json (155, 2023-11-20)
example/.watchmanconfig (3, 2023-11-20)
example/App.js (4389, 2023-11-20)
example/HybridTouch.js (499, 2023-11-20)
example/app.json (560, 2023-11-20)
example/assets/ (0, 2023-11-20)
example/assets/crop_splash.png (57712, 2023-11-20)
example/assets/icon.png (1506, 2023-11-20)
example/assets/icon_crop.png (9556, 2023-11-20)
example/assets/no_image.png (21081, 2023-11-20)
example/assets/splash.png (7178, 2023-11-20)
example/babel.config.js (107, 2023-11-20)
example/manipulator/ (0, 2023-11-20)
example/manipulator/ImageCropOverlay.js (14151, 2023-11-20)
example/manipulator/ImageManipulator.js (21351, 2023-11-20)
example/package.json (776, 2023-11-20)
example/yarn.lock (290922, 2023-11-20)
index.js (104, 2023-11-20)
package.json (1073, 2023-11-20)
yarn.lock (303428, 2023-11-20)

Expo image manipulator

Multi platform

Open on your device!

## Crop and rotate image without detach your expo project! ## `Expo.ImageManipulator` is only an API, so it does not contain a UI. You will have to build your own UI on top of it, or choose to detach your project and use third party linked packages, which is not as good because a pure javascript Expo project is marvelous! [PRs are welcome...](https://github.com/brunon80/expo-image-crop/pulls) >No more flickering while resizing image mask! >Compatible with Expo SDK 36 > Atention: *squareAspect* was removed on this version and will be add in future versions, if you need it, please stay at 0.2.17 ### Expo Dependences - yarn add react-native-vector-icons - expo install expo-permissions - expo install expo-image-picker - expo install expo-file-system - expo install expo-image-manipulator ## Example ```javascript import React from 'react' import { Dimensions, Button, ImageBackground } from 'react-native' import { ImageManipulator } from 'expo-image-crop' export default class App extends React.Component { state = { isVisible: false, uri: 'https://i.pinimg.com/originals/39/42/a1/3942a180299d5b9587c2aa8e09d91ecf.jpg', } onToggleModal = () => { const { isVisible } = this.state this.setState({ isVisible: !isVisible }) } render() { const { uri, isVisible } = this.state const { width, height } = Dimensions.get('window') return ( this.setState({ isVisible: true })} /> this.setState({ uri: uriM })} onToggleModal={this.onToggleModal} /> ) } } ``` ## Props | Props | Type | Default | Description | |------------------|----------|----------------------------------------------------------------------------|----------------------------------------------------| | isVisible | boolean | false | Show or hide modal with image manipulator UI | | onPictureChoosed | function | | Callback where is passed image edited as parameter | | photo | object | ```{ "uri": string } ``` | uri of image to be edited | | btnTexts | object | ```{ "crop": string, "done": string, "processing": string}``` | name for crop, done and processing texts | | onToggleModal | function | | Callback called when modal is dismissed | | borderColor | string | #a4a4a4 | Color for crop mask border | | allowRotate | boolean | true | Show rotate option | | allowFlip | boolean | true | Show flip option | | saveOptions | object | ```{ "compress": number, "format": string, "base64": boolean}``` | A map defining how modified image should be saved | fixedMask | object | ```{ "width": number, "height": number }``` | Width and height fixed mask ## Return of onPictureChoosed is an object with format: ```javascript { uri: string, base64: string // undefined if base64 is false on saveOptions prop } ``` ## Run the example! - Clone this repository - cd example/ - run yarn or npm install - enjoy! ### The animation is fluid even on dev mode! ## Requirements * Use it into Expo app (from expo client, Standalone app or ExpoKit app). * Because we need to have access to `ImageManipulator` ## Features * Crop * Rotate * Flip (Horizontal and Vertical) * Base64 ## If you have some problem open a issue

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：