inflearn logo
강의

Course

Instructor

[2025] React Native App Development Masterclass for Non-majors

[Development] Creating Bottom Tabs Navigator

Bottom tabs navigator 설정

Resolved

95

thdus13231591

6 asked

0

class MainActivity:ReactActivity(){
// ...
overridefunonCreate(savedInstanceState: Bundle?){
super.onCreate(null)
}
// ...
}


공식문서와 강의에는 위의 코드로 진행해주셨는데
수업노트에

overridefunonCreate(savedInstanceState: Bundle?) { if (savedInstanceState == null) { SplashScreen.show(this) } super.onCreate(savedInstanceState) }

이렇게 코드가 적혀있어서 문의드립니다. 수업노트 부분의 코드가 맞는 것이지요?

javascript react node.js react-native typescript

Answer 2

0

junghw

넵 중간에 react navigation을 사용하기 위해 강의 하단에서 설정하고 오셔야 된다는 부분의 내용입니다. MainActivity.kt 파일의 12~17번줄을 해당 코드로 채워넣어주시면 됩니다.

overridefunonCreate(savedInstanceState: Bundle?){
super.onCreate(null)

기존의 위와 같은 코드를

해당 다섯줄의 코드로 대체해 주시면 된다는 뜻입니다! 항상 열심히 수강해 주셔서 진심으로 감사합니다.

0

junghw

overridefunonCreate(savedInstanceState: Bundle?){
super.onCreate(null)

코드를

overridefunonCreate(savedInstanceState: Bundle?) { if (savedInstanceState == null) { SplashScreen.show(this) } super.onCreate(savedInstanceState) }

코드로 대체해 주시면 된다는 말씀을 드리고 싶었습니다! 강의 하단에 조금 더 추가적인 설명을 적어놓겠습니다.

1

thdus13231591

감사합니다!^^ 열심히 끝까지 잘 수강해보겠습니다! 다른 강의도 많이 많이 찍어주세요. 너무 도움이 많이 되고 있습니다. 너무 감사드려요! 최고입니다!!

0

junghw

소연님..ㅠㅠ 작년 7월부터 매 순간 최선을 다해, 최대의 노력으로 이 강의를 제작하고 수정해 왔던 것에 대해서 보답받는 기분을 들게 해주는 댓글이네요ㅜㅜ. 너무너무 감사합니다 소연님!! 더 발전하도록 하겠습니다. 감사는 제가 해야될 것 같습니다. 아직 많이 부족한 강의 열심히 수강해 주셔서 늘 너무 감사드립니다.

추가로 이번 달 안에 리액트 네이티브 무료 강의를 낼 예정입니다! 동기 부여해 주셔서 너무 감사드려요ㅎㅎ

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 이소연님.

질문하신 내용은 React Native 앱 내 Bottom Tabs Navigator 설정 시 MainActivityonCreate 메서드 작성 방식에 대한 것입니다. 두 코드 블록은 React Native에서 스플래시 스크린을 구현하는 방법을 다룬 예시입니다.

코드 설명

  1. 공식문서와 강의의 예제:

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(null)
    }
    
    • 이 코드 블록은 기본적으로 안드로이드 Activity의 생명주기 메서드를 호출하여 초기화를 수행합니다. 하지만 여기서는 스플래시 화면과 관련된 작업은 언급되지 않았습니다.
  2. 수업노트의 예제:

    override fun onCreate(savedInstanceState: Bundle?) {
        if (savedInstanceState == null) {
            SplashScreen.show(this)
        }
        super.onCreate(savedInstanceState)
    }
    
    • 이 코드 블록은 첫 번째 예제와 달리, savedInstanceState가 처음 초기화될 때 스플래시 스크린을 보여주도록 SplashScreen.show(this)를 호출합니다. 이렇게 하면 앱이 처음 실행될 때 스플래시 스크린을 보여줄 수 있습니다.

어떤 코드를 선택해야 할까요?

  • 수업노트에 있는 코드는 실제 앱 시작 시 스플래시 스크린을 사용자에게 보여주고, 이후에 앱의 메인 인터페이스로 연결할 수 있도록 돕기 때문에 스플래시 스크린을 설정하려는 목적이라면 수업노트의 코드가 적절합니다.
  • 스플래시 스크린이 중요하지 않은 상황에서는 공식문서와 강의에서 제공한 좀 더 간단한 초기화 코드로도 충분할 수 있습니다.

이와 관련하여 다른 수강생들이 유사한 이슈를 겪으셨던 게시물을 참고하실 수 있습니다:

  1. ### 안드로이드 스플래시 및 AppIcon설정 전체 과정 및 관련 질문
    • 내용 요약: 스플래시 스크린을 포함한 설정 과정 전반에 대해 검토하고 문제를 해결하는 방법에 대해 설명합니다.

이 정보가 도움이 되기를 바라며, 만약 더 궁금하신 점이나 다른 도움이 필요하시다면 언제든지 질문해 주세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

앱 빌드 문의드립니다.

0

119

3

splash screen 화면이 안띄워져요.

0

196

2

sunriseData 코드

0

58

2

소유권을 확인할 수 없습니다.

0

176

2

stylecomponents 오류

0

311

3

4-3 UI 구성하기 화면

0

99

2

Mac Os / npx eas build --platform android --profile development 질문

0

156

2

npx expo start하면 왜 실행이안될까요?

0

363

2

안드로이드 구글 로그인 에러

0

379

4

'register' value관련 에러

0

64

2

MMKV 사용시 에뮬레이터에서 실행이 불가능한 이슈

0

227

4

App.tsx에서 Icon을 못가지고 오는 오류..('VectorIcons' could not be found ~)

0

171

3

iOS설정에 오류가 있는 것 같습니닷,,(info.plist 설정 오류)

0

321

2

안드로이드 스플래시 및 AppIcon설정 전체 과정 및 관련 질문

0

257

2

iOS에서 splash screen설정 오류

0

201

2

가상 시뮬레이터 실행

1

169

2

num 타입관련해서 문의드립니다

1

95

2

npx expo start 오류건...

0

304

3

명령 npx eas build --platform android --profile development 시 오류...

0

220

2

macOS개발환경 세팅

0

138

2

섹션7. 4강 5분 57초부터 api.json

0

98

2

섹션5. 날씨 앱 expo 버전

2

88

1

섹션4. 번역기 앱 expo 버전?!

1

140

2

계산기 앱 착오를 거친 수정버전

2

178

2