예전 글에 어플 성능 저하에 대한 글을 작성한 적이 있습니다. 무엇인지 정확하게 파악하지 못하고 있었는데, 문제는 터미널 카드에 있다는 것을 깨달았습니다. 창원에 자전거 터미널 개수는 약 280개입니다. 애초에 이 많은 걸 메인 화면에 카드로 띄워놨으니 성능저하가 오는 것은 당연한 결과였습니다.
저는 카드를 없애고 터미널의 마커를 클릭하면 모달창으로 정보를 알려주는 식으로 성능을 향상 시켰습니다.
<View>
{markerData !== null ? (
<Modal
animationType="slide"
transparent={true}
visible={termianlModal}
onRequestClose={() => {
Alert.alert('Modal has been closed.');
}}
>
<View style={styles.terminalModal}>
<Text>터미널 이름 : {markerData.Tmname}</Text>
<Text>빈 보관대수 : {markerData.Emptycnt}</Text>
<View
style={{
backgroundColor: '#FF6600',
borderRadius: 10,
marginTop: 20,
}}
>
<TouchableOpacity
onPress={() => setTermianlModal(false)}
style={{
width: 70,
height: 40,
justifyContent: 'center',
alignItems: 'center',
// borderRadius: 10,
}}
>
<Text>닫기</Text>
</TouchableOpacity>
</View>
</View>
</Modal>
) : (
<></>
)}
</View>