[개인 Project] 모달을 활용한 어플 속도 개선?

김민성·2021년 7월 12일
0

알GO누비자

목록 보기
22/25
post-thumbnail

성능 저하의 원인

예전 글에 어플 성능 저하에 대한 글을 작성한 적이 있습니다. 무엇인지 정확하게 파악하지 못하고 있었는데, 문제는 터미널 카드에 있다는 것을 깨달았습니다. 창원에 자전거 터미널 개수는 약 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>
profile
https://github.com/alstjd8826

0개의 댓글