status-im
/
react-native-cameraroll
mirror of https://github.com/status-im/react-native-cameraroll.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore(lib) make the example less glitchy by fixing the width

This commit is contained in:
Bartol Karuza 2019-04-14 12:52:43 +02:00
parent 9e9f290380
commit e19ff9d680
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
example/js/CameraRollExample.js
View File

@ -19,6 +19,7 @@ const {
Text,
View,
TouchableOpacity,
Dimensions
} = ReactNative;
import CameraRoll from '../../js/CameraRoll';
import type {PhotoIdentifier, GroupTypes} from '../../js/CameraRoll';
@ -57,16 +58,18 @@ export default class CameraRollExample extends React.Component<Props, State> {
render() {
return (
<View>
<Switch
onValueChange={this._onSwitchChange}
value={this.state.bigImages}
/>
<Text>{(this.state.bigImages ? 'Big' : 'Small') + ' Images'}</Text>
<Slider
value={this.state.sliderValue}
onValueChange={this._onSliderChange}
/>
<Text>{'Group Type: ' + this.state.groupTypes}</Text>
<View style={styles.header}>
<Switch
onValueChange={this._onSwitchChange}
value={this.state.bigImages}
/>
<Text>{(this.state.bigImages ? 'Big' : 'Small') + ' Images'}</Text>
<Slider
value={this.state.sliderValue}
onValueChange={this._onSliderChange}
/>
<Text>{'Group Type: ' + this.state.groupTypes}</Text>
</View>
<CameraRollView
ref={ref => {
this._cameraRollView = ref;
@ -131,6 +134,11 @@ export default class CameraRollExample extends React.Component<Props, State> {
}
const styles = StyleSheet.create({
header: {
marginTop: 44,
padding: 20,
width: Dimensions.get('window').width
},
row: {
flexDirection: 'row',
flex: 1,