react-native-my-image-picker v1.0.4

react-native-my-image-picker

React Native image-picker component for Android , base on react-native-image-crop-picker. Supports photo or local album uploading.

React Native 图片选择器组件for Android，基于react-native-image-crop-picker开发，支持拍照或本地相册上传

小图标的显示用到了react-native-vector-icons

react-native-image-crop-picker的安装需要配置一下，详细请看github

https://github.com/ivpusic/react-native-image-crop-picker

Example

Install

$ npm install react-native-my-image-picker --save

Mostly automatic installation

If you are using React Native <= 0.59.X, link the native project:

$ react-native link react-native-my-image-picker

Usage

基础用法

# Basic usage
import MyImagePicker from 'react-native-my-image-picker'

<View style={{height:150,width:150}}>
	<MyImagePicker describe={'拍摄/上传'} callBackImage={(image)=>console.log(image)}/>
</View>

修改样式 containerStyle pickTextStyle

# Change style of container and text
import MyImagePicker from 'react-native-my-image-picker'

<View style={{height:150,width:150}}>
	<MyImagePicker containerStyle={{backgroundColor:'#eee',borderStyle: 'solid',borderWidth:1}} pickTextStyle={{color:'grey',fontSize:14}} describe={'拍摄/上传'} callBackImage={(image)=>console.log(image)}/>
</View>

自定义裁剪大小 crop={{width:500,height:500}}

# Modify crop range
import MyImagePicker from 'react-native-my-image-picker'

<View style={{height:150,width:150}}>
	<MyImagePicker crop={{width:500,height:500}} describe={'拍摄/上传国徽面'} callBackImage={(image)=>console.log(image)}/>
</View>

Properties

methods

Response Object （摘自react-native-image-crop-picker文档）

即 callBackImage={(image)=>console.log(image)} 中的image

根据自己的业务需求对取到的image进行处理，剪裁后的图片url在image.path

详细请看github

https://github.com/ivpusic/react-native-image-crop-picker