rn(5)
-
ReactNative) How to fix SSRProvider warning ??
문제 발생 시점 : 아임포트를 사용할 때 (결제버튼을 통해 PaymentTest스크린으로 이동할 때) 문제 원인 & 해결 When working with app using React Native, React will ask for an SSRProvider to be used to wrap your main provider. This allows for auto-generated IDs to be passed between the client device (iOS and Android) to the server which is running your application; In this case, the server is Expo Go launched from a terminal. Wrapping you..
2022.04.15 -
탭탭카드놀이) 코드정리 WordPlay.js
앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체코드는 제 깃헙을 참고하시길 바랍니다. https://github.com/coqoa/tabtabcard import React, { useState, useEffect, useRef } from "react"; import {View, Dimensions, PanResponder, Animated, Pressable, TouchableOpacity } from "react-native"; import { Audio } from 'expo-av'; import styled from "styled-components"; import { colors } from "../component/Color"; import { WordCardLevel } ..
2022.04.02 -
탭탭카드놀이) 코드정리 MenuStack.js
앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체 코드는 제 깃헙을 참고하시길 바랍니다. https://github.com/coqoa/tabtabcard //MenuStack.js import React from "react"; import {createNativeStackNavigator} from "@react-navigation/native-stack" import Menu from "../screens/Menu"; import WordPlay from "../screens/WordPlay"; const NativeStack = createNativeStackNavigator(); // Menu와 WordPlay를 Screen으로 가진다 const MenuStack = () => {..
2022.04.01 -
탭탭카드놀이) FlatList에서 JS객체 배열 사용하기(문자열, 로컬이미지)
탭탭카드놀이를 만들며 공부한 내용입니다 의견을 주시면 감사하겠습니다 FlatList를 이용해서 스와이프로 카드를 넘기도록 구현하는데 JSON파일을 사용해서 구현하다가 막혔다 하루를 꼬박 써서 JS파일을 사용하는 해결법을 찾아냈고 기록을 위해 작성한다 JSON파일로 해결하지 못한 것부터 JS파일로 해결한 것까지 모두 기록하는 글이다 1. JSON파일 사용 각 카드마다 달라야 하는 값은 이미지와 배경 색깔, 텍스트이다 JSON파일을 준비하고 Word.js에서 FlatList를 통해 사용한다 - 디렉터리 구조 wordCard.json파일과 Word.js파일에서 작업했다 - JSON파일 image에는 이미지 파일의 상대 경로를 string형태로 저장, name에는 출력될 텍스트를 string형태로 저장했다 (이..
2022.03.21 -
탭탭카드놀이) 네비게이터 (Navigator)
개발 현황은 깃헙을 통해 확인 가능합니다 https://github.com/coqoa/tabtabcard GitHub - coqoa/tabtabcard Contribute to coqoa/tabtabcard development by creating an account on GitHub. github.com 공부하면서 문제 해결하거나 기능 구현한 것들 위주로 작성하는 글입니다 로직 구상을 하고 내비게이터의 역할을 하는 파일들을 먼저 생성한 뒤 스크린들을 생성하도록 한다 App.js //App.js import React, { useState } from 'react'; import AppLoading from 'expo-app-loading'; import Stack from './app/navigato..
2022.03.07