Feature/#37

[tgyuuAn]

1. 📄 관련된 이슈 및 소개

• closed #37

2. 🔥변경된 점

• 닉네임 변경
• 학과 변경
• 학년 변경
• 로그아웃
• 회원 탈퇴

3. 📸 스크린샷(선택)

++ 추후에 Loading Animation 소거 후 빈 ViewHolder를 넣는 게 더 이쁠 것 같따.

하지만 이건 너무 귀찮은 일이고 당장 필요하지 않은 기능이므로 무기한 연장이다.

4. 💡알게된 혹은 궁금한 사항들

Compose Modal BottomSheet

공식문서

Button 내부에 있는 Text 가운데 정렬을 하고 싶다구요?

레퍼런스

 textAlign = TextAlign.Center,  // horizontal center of the text
                modifier = Modifier.align(Alignment.CenterVertically) //vertical center of the Text composable

textAlign과 rowScopeAlignment의 align을 사용하면 해결할 수 있습니다욧

rememberCoroutineScope() 를 어디까지 호이스팅 할 수 있을까...?

처음 사고

Composable 함수 안에서 Coroutine 을 사용하기 위해서는, rememberCoroutineScope()와 같이 코루틴 스코프를 따로 열어줘야하는데,

이거 그냥 사용하는 컴포저블 함수 내부가 아니라 Route 단위의 가장 최상위 Composable까지 호이스팅해서 올려버리면,

하나의 코루틴 스코프로 모든 중단 함수를 실행할 수 있으니까 더 좋은거 아니야 ...? 라고 생각했다.

깨달음..

근데,, 만약 그렇게 하게 될 경우 해당 Composable의 생명 주기가 끝났음에도 해당 중단함수는 게속해서 실행되게 된다...

해당 Composable 함수가 죽으면 해당 중단 함수도 취소되어야지...!

즉, 해당 Composable에만 종속되어야 할 경우 해당 Composable 내부에 rememberCoroutineScope()를 하는 것이 맞고,

뭐 그럴 경우는 좀 드물겠지만 해당 Composable 외부의 영역까지 퍼지는 sideEffect가 있어야 한다면 외부에 생성해서 넘겨주는....? (아직 잘 생각은 안난다.)

레퍼런스

wheelPicker

git 사용법

이건 .... 아직 내 레벨이..

일단 라이브러리 사용했따.

Android Compose Modal BottomSheet 드래그로 사라지는 것 막기

대안 1. verticalScrollDisabled() Modifier 사용.

레퍼런스

fun Modifier.verticalScrollDisabled() =
    pointerInput(Unit) {
        awaitPointerEventScope {
            while (true) {
                awaitPointerEvent(pass = PointerEventPass.Initial).changes.forEach {
                    val offset = it.positionChange()
                    if (abs(offset.y) > 0f) {
                        it.consume()
                    }
                }
            }
        }
    }

결과

• 스크롤이 안되긴 함.
• 근데 내부에 LazyColumn 혹은 LazyRow의 스크롤도 막아버림.

대안 2. rememberModalBottomSheetState에서 confirmStateChanged를 false로 바꿈

val state = rememberModalBottomSheetState(
    initialValue= ModalBottomSheetValue.Hidden, 
    confirmStateChange = {false})

결과

• 스크롤이 안되긴 함.
• 근데 내부에 LazyColumn 있으면 스크롤하면서 자동으로 닫힘

추천 레퍼런스1

추천 레퍼런스2

일단 마이그레이션 비용 좀 있으니 Keep...

아직 해결하지 못했음

EditTextField에 바로 Focus 줘서 Keyboard 올라가게 하는 법!!

레퍼런스

val focusRequester = remember { FocusRequester() }

LaunchedEffect(true) {
    focusRequester.requestFocus()
}

SettingTextField(
    text = newMajor,
    onTextChanged = onNewMajorChanged,
    onConfirm = { },
    hint = stringResource(id = R.string.hint_nickname),
    modifier = Modifier
        .padding(horizontal = 20.dp)
        .focusRequester(focusRequester),     // <- 포커스 주고싶은 곳에다가 modifier 달아부려
)