Guidance.js 4.31 KB
import React,{ Component } from 'react'

import {View,Text,RefreshControl,Image,ScrollView,Dimensions,TextInput,TouchableOpacity,StatusBar,StyleSheet,TouchableHighlight} from 'react-native'
import CheckBox from '@react-native-community/checkbox'
import { post, get, put, delete as remove } from 'axios'
import * as Location from 'expo-location';
import {requestMultiple,PERMISSIONS} from 'react-native-permissions'
class AuthCheck extends Component {

    state = {
    }
    constructor(props) {
        super(props)

    }
    componentDidMount() {

    }

    onCheckPermission = async () => {
        requestMultiple([PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE,PERMISSIONS.ANDROID.ACCESS_FINE_LOCATION,PERMISSIONS.ANDROID.CALL_PHONE,PERMISSIONS.ANDROID.CAMERA]).then(
            (statuses) => {
            },
          );
        this.props.navigation.navigate('Location_initiate')
        
    }
    render() {

        return (
            <View style={{height:"100%",width:"100%",backgroundColor:"white"}}>
            <View style={{backgroundColor:"white", paddingLeft:"5%",paddingRight:"5%", paddingTop:170,width:"100%"}}>
                <View style={{marginTop:"7%"}}>
                    <Text style={{fontSize:17,textAlign:"center",fontWeight:"bold"}}>
                        아래 접근권한의 허용이 필요합니다.
                    </Text>
                </View>
                <View style={{marginTop:28}}>
                    <View style={{width:"80%",alignSelf:"center"}}>
                        <View style={{display:"flex",flexDirection:"row"}}>
                            <Text style={{width:60,fontSize:13,marginBottom:10,fontWeight:"bold"}}>
                                저장공간
                            </Text>
                            <Text style={{fontSize:13,marginBottom:10,color:"#615F5F"}}>
                                (선택) 사진리뷰  프로필 이미지 첨부
                            </Text>
                        </View>
                    </View>
                    <View style={{width:"80%",alignSelf:"center"}}>
                        <View style={{display:"flex",flexDirection:"row"}}>
                            <Text style={{width:60,fontSize:13,marginBottom:10,fontWeight:"bold"}}>
                                위치
                            </Text>
                            <Text style={{fontSize:13,marginBottom:10,color:"#615F5F"}}>
                                (선택) 쿠폰  스탬프 발급을 위한 현재위치
                            </Text>
                        </View>
                    </View>
                    <View style={{width:"80%",alignSelf:"center"}}>
                        <View style={{display:"flex",flexDirection:"row"}}>
                            <Text style={{width:60,fontSize:13,marginBottom:10,fontWeight:"bold"}}>
                                전화
                            </Text>
                            <Text style={{fontSize:13,marginBottom:10,color:"#615F5F"}}>
                                (선택) 전화주문  가계 자동전화연결
                            </Text>
                        </View>
                    </View>
                    <View style={{width:"80%",alignSelf:"center"}}>
                        <View style={{display:"flex",flexDirection:"row"}}>
                            <Text style={{width:60,fontSize:13,marginBottom:10,fontWeight:"bold"}}>
                                카메라
                            </Text>
                            <Text style={{fontSize:13,marginBottom:10,color:"#615F5F"}}>
                                (선택) 쿠폰  스탬프 등록시 QR코드 스캔
                            </Text>
                        </View>
                    </View>
                </View>
            </View>
            <View style={{display:"flex",flexDirection:"row",position:"absolute",bottom:0}}>
                <TouchableOpacity onPress={() => this.onCheckPermission()} style={{flex:1,backgroundColor:"#f4cd37",padding:10}}>
                    <Text style={{textAlign:"center",fontSize:18,color:"white"}}>
                        확인
                    </Text>
                </TouchableOpacity>
            </View>
            </View>
        )

    }

}

const style=StyleSheet.create({
    Title:{
        fontSize:50
    },
})
export default AuthCheck