diff --git a/app/child/training/choice.jsx b/app/child/training/choice.jsx index e69de29..aae752e 100644 --- a/app/child/training/choice.jsx +++ b/app/child/training/choice.jsx @@ -0,0 +1,273 @@ +import React, { useState } from 'react'; +import { View, Text, StyleSheet, TouchableOpacity } from 'react-native'; +import { globalStyles } from '../../../styles/global'; +import { useRouter } from 'expo-router'; + +const Button = ({ title, onPress, disabled }) => ( + + + + {title} + + + +); + +const LearningMethod = () => { + const [currentQuestion, setCurrentQuestion] = useState(0); + const [selectedOption, setSelectedOption] = useState(null); + const router = useRouter(); + + const questions = [ + { + question: "철수와 영희가 내 앞에 있다.\n인사를 해야 할까?", + options: [ + "옵션 1: 인사해야 한다.", + "옵션 2: 인사하지 않아도 된다.", + "옵션 3: 상황에 따라 다르다.", + "옵션 4: 더 생각해봐야 한다.", + ], + }, + { + question: "공공장소에서는 \n어떻게 해야 할까?", + options: [ + "옵션 1: 떠들지 않는다.", + "옵션 2: 음악을 크게 듣는다.", + "옵션 3: 친구와 장난친다.", + "옵션 4: 전화통화를 한다.", + ], + }, + { + question: "동료가 실수를 했다면 \n어떻게 해야 할까?", + options: [ + "옵션 1: 비난한다.", + "옵션 2: 함께 해결한다.", + "옵션 3: 무시한다.", + "옵션 4: 상사에게 바로 보고한다.", + ], + }, + { + question: "버스에서 자리가 없다면 \n어떻게 해야 할까?", + options: [ + "옵션 1: 서서 간다.", + "옵션 2: 억지로 자리를 만든다.", + "옵션 3: 다른 사람에게 자리를 양보한다.", + "옵션 4: 기사님께 항의한다.", + ], + }, + { + question: "친구가 슬퍼하고 있다면 \n어떻게 해야 할까?", + options: [ + "옵션 1: 무관심하게 본다.", + "옵션 2: 위로해준다.", + "옵션 3: 함께 울어준다.", + "옵션 4: 모른 척한다.", + ], + }, + { + question: "시험 준비를 \n어떻게 해야 할까?", + options: [ + "옵션 1: 미리 계획을 세운다.", + "옵션 2: 벼락치기 공부를 한다.", + "옵션 3: 공부하지 않는다.", + "옵션 4: 친구에게 맡긴다.", + ], + }, + { + question: "길을 잃었을 때는 \n어떻게 해야 할까?", + options: [ + "옵션 1: 경찰에게 도움을 요청한다.", + "옵션 2: 계속 걸어다닌다.", + "옵션 3: 큰소리로 외친다.", + "옵션 4: 울고만 있는다.", + ], + }, + { + question: "동생이 잘못을 했다면 \n어떻게 해야 할까?", + options: [ + "옵션 1: 혼을 낸다.", + "옵션 2: 이유를 물어본다.", + "옵션 3: 그냥 넘어간다.", + "옵션 4: 부모님께 말한다.", + ], + }, + { + question: "친구가 거짓말을 하면 \n어떻게 해야 할까?", + options: [ + "옵션 1: 왜 거짓말을 했는지 묻는다.", + "옵션 2: 화를 낸다.", + "옵션 3: 관계를 끊는다.", + "옵션 4: 용서한다.", + ], + }, + { + question: "다른 사람이 도움을 요청하면 \n어떻게 해야 할까?", + options: [ + "옵션 1: 도와준다.", + "옵션 2: 모른 척한다.", + "옵션 3: 조건을 건다.", + "옵션 4: 고민한다.", + ], + }, + ]; + + const handleOptionSelect = (index) => { + setSelectedOption(index); + console.log(`Option ${index + 1} selected: ${questions[currentQuestion].options[index]}`); + }; + + const handleNextClick = () => { + if (currentQuestion < questions.length - 1) { + setCurrentQuestion((prev) => prev + 1); + setSelectedOption(null); + } else { + router.push('/child/training/choicecontent'); + } + }; + + return ( + + + + + + + + + + + {currentQuestion + 1}/{questions.length} + + + {currentQuestion + 1}번 문항이에요. + + + + + {questions[currentQuestion].question} + + + {questions[currentQuestion].options.map((option, index) => ( + handleOptionSelect(index)} + > + + {option} + + + ))} + + +