inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

배달앱 클론코딩 [with React Native]

프로젝트 시작하기

응용 프로그램이 예기치 않게 종료되었습니다.

781

김봉섭

작성한 질문수 10

0

buttons.tsx 컴포넌트로 따로 분리해서 사용중입니다.

interface Props {
name: string;
color: string;
hasMarginRight?: boolean;
onPress?: any;
}
function TransparentCircleButton({
name,
color,
hasMarginRight,
onPress,
}: Props) {
return (
<View
style={[styles.iconButtonWrapper, hasMarginRight && styles.marginRight]}>
<Pressable
style={({pressed}) => [
styles.iconButton,
Platform.OS === 'ios' &&
pressed && {
backgroundColor: '#efefef',
},
]}
onPress={onPress}
android_ripple={{color: '#ededde'}}>
<Icon name={name} size={24} color={color} />
</Pressable>
</View>
);
}

 

다른 화면에는 해당 컴포넌트를 사용해도 문제 없이 잘 작동하는데

이상하게 한 페이지에서만 해당 컴포넌트 사용시 응용프로그램이 예기치 않게 종료되었습니다. 라고 떠서 어떻게 찾아야할지도 모르겠습니다...

react-native

답변 1

0

제로초(조현영)

그 컴포넌트를 주석처리하면 다시 앱이 정상적으로 실행되나요?

0

김봉섭

넵 정상처리 됩니다..! 심지어 다른 페이지?에서는 사용해도 문제 없이 실행됩니다.

0

김봉섭

WirteHeader.tsx에서는 TransparentCircleButton.tsx 작동합니다.

HomeScreen.tsx에서는 작동 안합니다.. 예상치 못한 프로그램이라고 뜨며, simultor에서 어플이 강제 종료됩니다.

terminal 이나 simulator 자체가 종료되지 않고, 어플만 종료되고 휴대폰 바탕화면으로 가집니다.

0

제로초(조현영)

스크린에서 어떻게 사용하셨는지가 궁금하네요

0

김봉섭

return (
<SafeAreaView style={styles.block}>
<KeyboardAvoidingView
style={styles.avoidingView}
behavior={Platform.OS === 'ios' ? 'padding' : undefined}>
<View style={styles.wrap}>
<Text style={styles.title}>텍스트 페이스트</Text>
//
<TransparentCircleButton name="edit" color="blue" onPress={onEdit} />
//
<Pressable onPress={onEdit}>
<Icon name="edit" size={24} color={'blue'} />
</Pressable>
</View>
<FlatList
data={data}
renderItem={renderItem}
keyExtractor={item => item.key}
/>
</KeyboardAvoidingView>
</SafeAreaView>
);
 

0

제로초(조현영)

코드 자체는 문제가 없어보입니다. 버튼을 홈스크린 안 다른 위치 어디에 넣어도 다 에러가 발생하나요?

0

김봉섭

..!

<View styles.wrap> 에서만 오작동 합니다. 다른 곳에서는 정상 작동 합니다!

<View style={styles.wrap}>
<Text style={styles.title}>텍스트 페이스트</Text>
</View>
 
wrap: {
flexDirection: 'row',
alignItems: 'baseline',
justifyContent: 'space-between',
},
 

0

김봉섭

혹시 이유도 알 수 있을까요?

0

제로초(조현영)

저도 처음보는 현상이네요. 다른 View 새로 만들어서 넣으면요?? css 속성도 하나씩 지워보면서 에러 테스트해보시면 좋을것같습니다. Text 컴포넌트랑 충돌일수도 있고요.

앱실행시 네이버맵 [401] 에러

0

1064

2

스타일링 라이브러리

0

160

2

expo, cli 선택 중에 고민이 있습니다.

0

180

2

JDK 버전이 달라도 괜찮나요?

0

240

2

dimenstion usewindowdeminstion

0

130

3

[맥 전용]환경 설정하기 1편 & [맥 전용]환경 설정하기 2편의 영상이 안나옵니다.

0

218

1

jdk11 버전과 gradle 버전의 호환성 관련 질문드립니다.

0

407

2

강의 외 질문입니다!

0

164

2

react native랑 맞는 ui 라이브러리 어떤게 좋을까요?

0

1554

2

react native와 spring boot 연결

0

365

1

java가 아닌 .kt에서 code push 에러가 발생합니다.

0

222

2

flipper 239 에러가 발생합니다.

0

173

2

package.json에 /lib/panino.js 문제입니다.

0

480

2

window - mac 협업 과정 질문합니다

0

221

1

ios 빌드 중 RCTBridgeDelegate.h import 오류

0

294

2

ios 앱 빌드 중 hermesEnabled 관련 오류발생

0

249

2

Socket 연결시 질문 드립니다.!

0

157

2

wifi 환경에서 axios 통신이 로컬서버에서 안됩니다.

0

430

2

iOS render error 질문드립니다.

0

417

2

iOS 가상머신 오류

0

173

2

npc react init 명령어 실행시 발생되는 오류

0

224

1

nom start 시 오류

0

122

1

NextJS 기반으로 만들어서 웹뷰 React Native로 배포 가능한가요?

0

1019

2

안드로이드 rn75 버전에 맞게 설정 중에 android13 다운로드에 대해서 막혔습니다!

0

187

2