diff --git a/package.json b/package.json index 3de6b789..bab1dfe2 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,7 @@ "react-native-gesture-handler": "^2.9.0", "react-native-iphone-x-helper": "^1.3.1", "react-native-linear-gradient": "^2.6.2", + "react-native-linking": "^0.0.0", "react-native-navigation": "^7.31.1", "react-native-progress": "^5.0.0", "react-native-reanimated": "^2.14.4", diff --git a/src/assets/images/momo_symbol.svg b/src/assets/images/momo_symbol.svg new file mode 100644 index 00000000..0ad690fb --- /dev/null +++ b/src/assets/images/momo_symbol.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/navigation/RootNavigator.js b/src/navigation/RootNavigator.js index 9100525f..19763a26 100644 --- a/src/navigation/RootNavigator.js +++ b/src/navigation/RootNavigator.js @@ -14,6 +14,7 @@ import ClosetScreen from '../screens/ClosetScreen'; import { SettingsScreen } from '../screens/SettingsScreen'; import LoginScreenAlpha from '../screens/LoginScreenAlpha'; import { MainTutorialScreen } from '../screens/tutorials/MainTutorialScreen'; +import { VersionScreen } from '../screens/ViersionScreen'; import { OnBoardingNavigator } from '../screens/onboarding/OnBoardingNavigator'; import { HomeTab } from '../components/NavigatorComponent/HomeTab'; @@ -147,14 +148,12 @@ export const RootNavigator = () => { }} > {isTutorialFinished && isAuthUser? ( - + + ) : !isTutorialFinished && isAuthUser ? () : () } + ); }; diff --git a/src/screens/SettingsScreen.js b/src/screens/SettingsScreen.js index 85761d2c..b1638675 100644 --- a/src/screens/SettingsScreen.js +++ b/src/screens/SettingsScreen.js @@ -1,28 +1,41 @@ -import { StyleSheet, View, SafeAreaView } from 'react-native'; +import {StyleSheet, View, SafeAreaView, Linking} from 'react-native'; import React from 'react'; +import { useNavigation } from '@react-navigation/native'; -import { PretendardedText } from '../components/CustomComponent/PretendardedText'; -import { ButtonLarge } from '../components/Buttons/ButtonLarge'; +import {PretendardedText} from '../components/CustomComponent/PretendardedText'; +import {ButtonLarge} from '../components/Buttons/ButtonLarge'; export const SettingsScreen = () => { - // const [isEnabled, setIsEnabled] = useState(false); - // const toggleSwitch = () => setIsEnabled(previousState => !previousState); + // const [isEnabled, setIsEnabled] = useState(false); + // const toggleSwitch = () => setIsEnabled(previousState => !previousState); - function test() { - alert('test') - } + const navigation = useNavigation(); - return ( - - - 환경설정 - - - - - - - {/* + const open66TeamStory = () => {}; + + const openMomoStory = () => {}; + + const openImmediateFeedback = () => {}; + + const openVersionInfoScreen = () => { + navigation.navigate('Version') + }; + + const openReleaseNotification = () => { + Linking.openURL('https://docs.google.com/forms/d/e/1FAIpQLSfSquNhinU_Unhq11ZVacTFjRzimSut-Y8KjZm2xi_nB4bSSA/viewform?usp=sf_link'); + }; + + return ( + + + 환경설정 + + + + + + + {/* 사진으로 인증하기 { value={isEnabled} /> */} - - - ); + + + ); }; - const styles = StyleSheet.create({ - header: { - fontWeight: 700, - fontSize: 16, - color: '#222222', - marginTop: 30, - marginBottom: 30, - }, - buttons: { - width: '100%', - alignItems: 'center', - flex: 0.65, - justifyContent: 'space-between', - backgroundColor: '#F9F9F9', - }, - toggleRow: { - flexDirection: 'row', - justifyContent: 'space-between', - width: '80%', - }, - toggleText: { - fontWeight: 700, - fontSize: 16, - }, + header: { + fontWeight: 700, + fontSize: 16, + color: '#222222', + marginTop: 30, + marginBottom: 30, + }, + buttons: { + width: '100%', + alignItems: 'center', + flex: 0.65, + justifyContent: 'space-between', + backgroundColor: '#F9F9F9', + }, + toggleRow: { + flexDirection: 'row', + justifyContent: 'space-between', + width: '80%', + }, + toggleText: { + fontWeight: 700, + fontSize: 16, + }, }); diff --git a/src/screens/ViersionScreen.js b/src/screens/ViersionScreen.js new file mode 100644 index 00000000..7987aec7 --- /dev/null +++ b/src/screens/ViersionScreen.js @@ -0,0 +1,40 @@ +import {StyleSheet, View, SafeAreaView} from 'react-native'; +import React from 'react'; + +import {PretendardedText} from '../components/CustomComponent/PretendardedText'; +import MomoSymbol from '../assets/images/momo_symbol.svg' + +export const VersionScreen = () => { + + return ( + + + 버전 정보 + + + + + 최신 버전입니다. + 현재 버전 : Alpha Ver. + + + 저희 66team은 늘 더 나은 사용자 경험을 위해 + 빠른 업데이트를 하고있어요. + + + + + + ); +}; + +const styles = StyleSheet.create({ + header: { + fontWeight: 700, + fontSize: 16, + color: '#222222', + marginTop: 30, + marginBottom: 30, + }, + +});