diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-07-16 15:48:26 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-16 15:48:26 -0400 |
| commit | 0838a170c84c32d502377c17825d7bf8d21300d0 (patch) | |
| tree | 239582d42c84fd611ebefbab79b07deed2242d65 /src | |
| parent | 6c76dca48244ed01dca2d2f81a4dce5f95c5a08a (diff) | |
| parent | cd05de0e8f95fca4086977fefdd0b8ea8f7ef687 (diff) | |
Merge pull request #513 from IvanIFChen/tma980-bugfix-hide-capture-button
[TMA-980] [BUGFIX] Hide Capture Button
Diffstat (limited to 'src')
| -rw-r--r-- | src/screens/moments/CameraScreen.tsx | 60 |
1 files changed, 34 insertions, 26 deletions
diff --git a/src/screens/moments/CameraScreen.tsx b/src/screens/moments/CameraScreen.tsx index ee5834cb..18e04261 100644 --- a/src/screens/moments/CameraScreen.tsx +++ b/src/screens/moments/CameraScreen.tsx @@ -123,33 +123,37 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => { ) : ( <FlipButton cameraType={cameraType} setCameraType={setCameraType} /> )} - <TouchableOpacity - activeOpacity={1} - onLongPress={() => { - takeVideo(cameraRef, (vid) => { - navigateToCaptionScreen(true, vid.uri); - }); - setIsRecording(true); - }} - onPressOut={async () => { - if (await cameraRef.current?.isRecording()) { - cameraRef.current?.stopRecording(); - setIsRecording(false); + {!showSaveButton ? ( + <TouchableOpacity + style={ + isRecording + ? styles.captureButtonVideoContainer + : styles.captureButtonContainer } - }} - onPress={() => { - takePicture(cameraRef, (pic) => { - setShowSaveButton(true); - setMediaFromGallery(pic.uri); - }); - }} - style={ - isRecording - ? styles.captureButtonVideoContainer - : styles.captureButtonContainer - }> - <View style={styles.captureButton} /> - </TouchableOpacity> + activeOpacity={1} + onLongPress={() => { + takeVideo(cameraRef, (vid) => { + navigateToCaptionScreen(true, vid.uri); + }); + setIsRecording(true); + }} + onPressOut={async () => { + if (await cameraRef.current?.isRecording()) { + cameraRef.current?.stopRecording(); + setIsRecording(false); + } + }} + onPress={() => { + takePicture(cameraRef, (pic) => { + setShowSaveButton(true); + setMediaFromGallery(pic.uri); + }); + }}> + <View style={styles.captureButton} /> + </TouchableOpacity> + ) : ( + <View style={styles.captureButtonPlaceholder} /> + )} {isRecording && ( <AnimatedCircularProgress size={95} @@ -217,6 +221,10 @@ const styles = StyleSheet.create({ alignItems: 'center', justifyContent: 'center', }, + captureButtonPlaceholder: { + width: 93, + height: 93, + }, captureButtonContainer: { alignSelf: 'center', backgroundColor: 'transparent', |