인프런 커뮤니티 질문&답변
작성한 질문수
응용 프로그램이 예기치 않게 종료되었습니다.
작성
·
668
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>
);
}
다른 화면에는 해당 컴포넌트를 사용해도 문제 없이 잘 작동하는데
이상하게 한 페이지에서만 해당 컴포넌트 사용시 응용프로그램이 예기치 않게 종료되었습니다. 라고 떠서 어떻게 찾아야할지도 모르겠습니다...
답변 1
0
김봉섭
질문자
WirteHeader.tsx에서는 TransparentCircleButton.tsx 작동합니다.
HomeScreen.tsx에서는 작동 안합니다.. 예상치 못한 프로그램이라고 뜨며, simultor에서 어플이 강제 종료됩니다.
terminal 이나 simulator 자체가 종료되지 않고, 어플만 종료되고 휴대폰 바탕화면으로 가집니다.
김봉섭
질문자
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>
);
김봉섭
질문자
..!
<View styles.wrap> 에서만 오작동 합니다. 다른 곳에서는 정상 작동 합니다!
<View style={styles.wrap}>
<Text style={styles.title}>텍스트 페이스트</Text>
</View>
wrap: {
flexDirection: 'row',
alignItems: 'baseline',
justifyContent: 'space-between',
},
제로초(조현영)
지식공유자
저도 처음보는 현상이네요. 다른 View 새로 만들어서 넣으면요?? css 속성도 하나씩 지워보면서 에러 테스트해보시면 좋을것같습니다. Text 컴포넌트랑 충돌일수도 있고요.
넵 정상처리 됩니다..! 심지어 다른 페이지?에서는 사용해도 문제 없이 실행됩니다.