25%
23,100원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 리액트 네이티브 기초
[해결] 아이폰 marginBottom 먹지 않는 이슈
<KeyboardAvoidingView behavior={Platform.OS === "ios" ? "padding" : "height"} keyboardVerticalOffset={Platform.OS === 'ios' && 30} style={styles.addFormContainer} >IOS 일 경우 keyboardVeritcalOffset 에 marginBottom 만큼 추가해 줬더니 작동합니다.
- 미해결따라하며 배우는 리액트 네이티브 기초
BottomTabScreen 관련 질문입니다.
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import React from 'react'; import Home from './src/screens/Home'; import Search from './src/screens/Search'; import Profile from './src/screens/Profile'; import Activity from './src/screens/Activity'; import {NavigationContainer} from '@react-navigation/native'; import Status from './src/screens/Status'; import FriendProfile from './src/screens/FriendProfile'; import EditProfile from './src/screens/EditProfile'; const App = () => { const Stack = createNativeStackNavigator(); const Tab = createBottomTabNavigator(); const BottomTabScreen = () => { return ( <Tab.Navigator screenOptions={() => ({ tabBarHideOnKeyboard: true, // tabBarShowLabel: false, headerShown: false, tabBarStyle: { height: 70, }, })}> <Tab.Screen name="Home" component={Home} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Activity" component={Activity} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ); }; return ( <NavigationContainer> <Stack.Navigator screenOptions={{headerShown: false}}> <Stack.Screen name="Bottom" component={BottomTabScreen} /> <Stack.Screen name="Status" component={Status} /> <Stack.Screen name="FriendProfile" component={FriendProfile} /> <Stack.Screen name="EditProfile" component={EditProfile} /> </Stack.Navigator> </NavigationContainer> ); }; export default App; 강의 내용과 같이 App 컴포넌트 안에서BottomTabScreen 컴포넌트를 선언하면 "Do not define components during render." 라는경고문이 뜹니다. 그래서 아래와 같이 코드를 수정하였는데App 컴포넌트 바깥에서 이렇게 선언해도 문제가 없는건가요?import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import React from 'react'; import Home from './src/screens/Home'; import Search from './src/screens/Search'; import Profile from './src/screens/Profile'; import Activity from './src/screens/Activity'; import {NavigationContainer} from '@react-navigation/native'; import Status from './src/screens/Status'; import FriendProfile from './src/screens/FriendProfile'; import EditProfile from './src/screens/EditProfile'; const Stack = createNativeStackNavigator(); const Tab = createBottomTabNavigator(); const BottomTabScreen = () => { return ( <Tab.Navigator screenOptions={() => ({ tabBarHideOnKeyboard: true, // tabBarShowLabel: false, headerShown: false, tabBarStyle: { height: 70, }, })}> <Tab.Screen name="Home" component={Home} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Activity" component={Activity} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ); }; const App = () => { return ( <NavigationContainer> <Stack.Navigator screenOptions={{headerShown: false}}> <Stack.Screen name="Bottom" component={BottomTabScreen} /> <Stack.Screen name="Status" component={Status} /> <Stack.Screen name="FriendProfile" component={FriendProfile} /> <Stack.Screen name="EditProfile" component={EditProfile} /> </Stack.Navigator> </NavigationContainer> ); }; export default App;
- 미해결따라하며 배우는 리액트 네이티브 기초
할 일을 작성해 주세요 inputForm 클릭 시 아이폰만 키보드가 안나오는데 어떻게 해야하죠?
코드가 선생님이랑 똑같은거 같은데 아이폰만 키보드가 안나옵니다ㅠㅠ
- 미해결따라하며 배우는 리액트 네이티브 기초
계속 npx react-native run-ios 가 안됩니다ㅠㅠ
현재 계속 이런 창이 뜨는데요..엑스포로 실습할 때는 잘만 되다가 거의 다 와서 run-ios 까지 하니까 여기서부터 이렇게 뜨고 잘 안되네요최대한 방법을 스스로 찾아보려고 했는데 혹시 해결방법이 있을까요?npx react-native run-ios --simulator='iPhone 14 Pro (16.0)'이렇게는 잘 됐습니다!
- 미해결따라하며 배우는 리액트 네이티브 기초
에뮬레이터를 찾을 수 없는 에러 (Android)
선생님 안녕하세요저의 경우에는 안드로이드를 사용해야하는 상황이어서 (사용 os window10)npm run android를 터미널에서 사용하는데요Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds와 같은 에러가 발생합니다프로젝트 생성이 익숙해지기 위해서 프로젝트 자체를 만드는걸 여러번 해봤는데요 생각보다 자주 발생하는 에러여서 이러한 에러를 어떻게 잡아낼 수 있는지 한번 질문드려봅니다
- 미해결따라하며 배우는 리액트 네이티브 기초
에러 발생
ERROR Invariant Violation: "main" has not been registered. This can happen if: Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. A module failed to load due to an error and AppRegistry.registerComponent wasn't called., js engine: hermes 위와같은 에러가 svg 관련 라이브러리 설치이후에 발생됩니다.. 검색을 여러방면해봤지만 답을찾지 못했습니다. { "name": "awesomeproject", "version": "1.0.0", "main": "node_modules/expo/AppEntry.js", "scripts": { "start": "expo start", "android": "expo start --android", "ios": "expo start --ios", "web": "expo start --web" }, "dependencies": { "expo": "~48.0.6", "expo-status-bar": "~1.4.4", "react": "18.2.0", "react-native": "^0.71.3", "react-native-svg": "13.4.0", "svg": "^0.1.0" }, "devDependencies": { "@babel/core": "^7.20.0", "react-native-svg-transformer": "^1.0.0" }, "private": true }
- 미해결따라하며 배우는 리액트 네이티브 기초
svg 파일을 다운 받았는데 계속 에러가 납니다...
svg 파일을 다운 받았는데 계속 에러가 납니다... import 부분도 확인을 해보았는데 오타도 없고 경로도 틀리지 않았는데 계속 아래와 같은 에러가 발생합니다.혹시 몰라 svg 파일을 다른 곳에 옮겨 import를 해보았는데 결과는 똑같았습니다. 어떻게 해야될까요 ..?
- 해결됨따라하며 배우는 리액트 네이티브 기초
리덕스 참고강의 도표자료 링크 요청드립니다.
안녕하세요 강사님, React Native 강의를 듣던 중에 참고강의로 리덕스를 수강하고 있습니다.혹시 강사님이 diagram으로 설명하시는 자료 링크를 따로 추가해주실 순 없으실까요? 감사합니다.
- 미해결따라하며 배우는 리액트 네이티브 기초
adb kill-server 후 adb start-server 해도 실행이 안되네요..
안드로이드 에뮬레이터를 실행하려고하는데 에러가 나서첨엔 adb 명령어도 안되서 brew install android-platform-tools 명령어로 설치한담에 위 제목같이 명령어 실행후 다시 해봤는데도 안되네요.어떻게 해야 에뮬레이터가 실행 될까요? ㅠㅠ-> 아예 지우고 2강 전부터 다시 만들어서 실행하니 되는거같네요 ㅠㅠ
- 미해결따라하며 배우는 리액트 네이티브 기초
시뮬레이터는 켜지는데 앱이 오류가 납니다ㅠㅠ
구글에 검색해보니 react-native version 호환 문제인 것 같은데 열심히 찾아보았지만 해결하지 못해 질문드립니다 ㅠㅠ재설치를 해야한다면 방법알려주시면 감사합니다!업그레이도 해보고 메트로 시뮬레이터 전원 전체 다 껏다도 켜봤지만 해결이 되지 않았습니다xcode로 실행을 해도 동일한 결과 입니다.npm i react-native-reanimated
- 미해결따라하며 배우는 리액트 네이티브 기초
올려주신 assets 관련 질문입니다
안녕하세요. 덕분에 잘 따라하면서 RN에 익숙해지고 있습니다.인스타그램 클론에서 올려주신 첨부파일을 사용하려고 하는데요.assets에 image만 있고, vedio는 안보여서 질문드립니다!