70 lines
1.6 KiB
JavaScript
70 lines
1.6 KiB
JavaScript
import React, {Component} from 'react';
|
|
import {
|
|
AppRegistry,
|
|
StyleSheet,
|
|
Text,
|
|
View,
|
|
ListView,
|
|
TouchableOpacity,
|
|
Image,
|
|
AlertIOS,
|
|
CameraRoll,
|
|
Dimensions
|
|
} from 'react-native';
|
|
|
|
import {
|
|
CameraKitGalleryView
|
|
} from 'react-native-camera-kit';
|
|
|
|
const size = Math.floor((Dimensions.get('window').width) / 3);
|
|
const innerSize = size - 6;
|
|
|
|
const resolveAssetSource = require('react-native/Libraries/Image/resolveAssetSource');
|
|
|
|
export default class GalleryScreenNative extends Component {
|
|
|
|
static navigatorButtons = {
|
|
rightButtons: [
|
|
{
|
|
title: 'Done',
|
|
id: 'navBarDone'
|
|
}
|
|
]
|
|
};
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
album: this.props.albumName,
|
|
}
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<CameraKitGalleryView
|
|
ref={(gallery) => {
|
|
this.gallery = gallery;
|
|
}}
|
|
style={{flex:1, margin: 0, backgroundColor: '#ffffff', marginTop: 50}}
|
|
albumName={this.state.album}
|
|
minimumInteritemSpacing={10}
|
|
minimumLineSpacing={10}
|
|
columnCount={3}
|
|
onSelected={(result) => {
|
|
|
|
}}
|
|
fileTypeSupport={{
|
|
supportedFileTypes: ['image/png'],
|
|
unsupportedOverlayColor: "#00000055",
|
|
unsupportedImage: require('./images/unsupportedImage.png'),
|
|
//unsupportedText: 'JPEG!!',
|
|
unsupportedTextColor: '#ff0000'
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
}
|
|
|
|
const styles = StyleSheet.create({});
|
|
|