LBRYCommunity/lbry-react-native
1
0
Fork 0
Code Issues Pull requests 12 Projects Releases Packages Wiki Activity

show the camera after the required permissions have been granted

Browse source
This commit is contained in:
Akinwale Ariwodola 2019-09-27 12:09:55 +01:00
parent 46b99e769f
commit 2b3d61e418
1 changed files with 33 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
src/page/publish/view.js
View file

@ -870,6 +870,7 @@ class PublishPage extends React.PureComponent {
const { const {
allThumbnailsChecked, allThumbnailsChecked,
canUseCamera, canUseCamera,
showCameraOverlay,
currentPhase, currentPhase,
checkedThumbnails, checkedThumbnails,
loadingVideos, loadingVideos,
@ -882,7 +883,9 @@ class PublishPage extends React.PureComponent {
content = ( content = (
<View style={publishStyle.gallerySelector}> <View style={publishStyle.gallerySelector}>
<View style={publishStyle.actionsView}> <View style={publishStyle.actionsView}>
{canUseCamera && <RNCamera style={publishStyle.cameraPreview} type={RNCamera.Constants.Type.back} />} {canUseCamera && !showCameraOverlay && (
<RNCamera captureAudio={false} style={publishStyle.cameraPreview} type={RNCamera.Constants.Type.back} />
)}
<View style={publishStyle.actionsSubView}> <View style={publishStyle.actionsSubView}>
<TouchableOpacity <TouchableOpacity
style={[ style={[
@ -1236,34 +1239,36 @@ class PublishPage extends React.PureComponent {
{false && Constants.PHASE_SELECTOR !== this.state.currentPhase && ( {false && Constants.PHASE_SELECTOR !== this.state.currentPhase && (
<FloatingWalletBalance navigation={navigation} /> <FloatingWalletBalance navigation={navigation} />
)} )}
{this.state.canUseCamera && this.state.showCameraOverlay && ( {this.state.showCameraOverlay && (
<View style={publishStyle.cameraOverlay}> <View style={publishStyle.cameraOverlay}>
<RNCamera {this.state.canUseCamera && (
captureAudio={this.state.videoRecordingMode} <RNCamera
style={publishStyle.fullCamera} captureAudio={this.state.videoRecordingMode}
ref={ref => { style={publishStyle.fullCamera}
this.camera = ref; ref={ref => {
}} this.camera = ref;
type={this.state.cameraType} }}
flashMode={RNCamera.Constants.FlashMode.off} type={this.state.cameraType}
androidCameraPermissionOptions={{ flashMode={RNCamera.Constants.FlashMode.off}
title: 'Camera', androidCameraPermissionOptions={{
message: 'Please grant access to make use of your camera', title: 'Camera',
buttonPositive: 'OK', message: 'Please grant access to make use of your camera',
buttonNegative: 'Cancel', buttonPositive: 'OK',
}} buttonNegative: 'Cancel',
androidRecordAudioPermissionOptions={{ }}
title: 'Audio', androidRecordAudioPermissionOptions={{
message: 'Please grant access to record audio', title: 'Audio',
buttonPositive: 'OK', message: 'Please grant access to record audio',
buttonNegative: 'Cancel', buttonPositive: 'OK',
}} buttonNegative: 'Cancel',
notAuthorizedView={ }}
<View style={publishStyle.fullCentered}> notAuthorizedView={
<Text style={publishStyle.cameraInfo}>Camera not authorized</Text> <View style={publishStyle.fullCentered}>
</View> <Text style={publishStyle.cameraInfo}>Camera not authorized</Text>
} </View>
/> }
/>
)}
<View <View
style={[ style={[
publishStyle.cameraControls, publishStyle.cameraControls,