Feature/#52

[tgyuuAn]

1. 📄 관련된 이슈 및 소개

• closed #52

2. 🔥변경된 점

• 네트워크 연결 상태를 옵저빙하여 해제되었을 경우 Dialog를 뛰워서 연결 유도
• Dialog 코드가 반복되어서 core:designSystem으로 컴포넌트 분리

3. 📸 스크린샷(선택)

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

모든 화면에서 네트워크를 사용하기 때문에, 네트워크 감지를 모든 화면에서 할 수 있도록,

아래와 같은 NetworkObserver를 만든 뒤,

class NetworkObserver @Inject constructor(context: Context) {
    private val _networkState = MutableStateFlow<NetworkState>(NetworkState.NONE)
    val networkState = _networkState.asStateFlow()

    private val connectivityManager =
        context.getSystemService(Context.CONNECTIVITY_SERVICE) as ConnectivityManager

    private val networkCallback = object : ConnectivityManager.NetworkCallback() {
        override fun onAvailable(network: Network) {
            super.onAvailable(network)
            _networkState.value = NetworkState.CONNECTED
        }

        override fun onLost(network: Network) {
            super.onLost(network)
            _networkState.value = NetworkState.NOT_CONNECTED
        }
    }

    init {
        checkNetworkState()
        subscribeNetworkCallback()
    }

    fun checkNetworkState() {
        val caps = connectivityManager.getNetworkCapabilities(connectivityManager.activeNetwork)

        if (caps == null) {
            _networkState.value = NetworkState.NOT_CONNECTED
            return
        }

        _networkState.value =
            if (caps.hasTransport(TRANSPORT_WIFI) || caps.hasTransport(TRANSPORT_CELLULAR)) {
                NetworkState.CONNECTED
            } else {
                NetworkState.NOT_CONNECTED
            }
    }

    private fun subscribeNetworkCallback() {
        val networkRequest = NetworkRequest.Builder()
            .addTransportType(TRANSPORT_WIFI)
            .addTransportType(TRANSPORT_CELLULAR)
            .build()

        connectivityManager.registerNetworkCallback(networkRequest, networkCallback)
    }

    fun unsubscribeNetworkCallback() =
        connectivityManager.unregisterNetworkCallback(networkCallback)
}

enum class NetworkState {
    NONE, CONNECTED, NOT_CONNECTED
}

아래와 같이 MainActivity에 심어주었음. 이 때, 메모리 누수를 방지하게 위해 onDestroy()에서 네트워크 구독 해제 잊지 않기!

@AndroidEntryPoint
class MainActivity : ComponentActivity() {

    @Inject
    lateinit var networkObserver: NetworkObserver

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        // ...

        setContent {
            BaekyoungTheme {
                val networkState by networkObserver.networkState.collectAsStateWithLifecycle()

                if (networkState == NetworkState.NOT_CONNECTED) {
                    BaekyoungDialog(
                        title = "네트워크 상태를 확인 해주세요.",
                        description = "네트워크 연결에 실패하였습니다. 다시 시도하시겠어요?",
                        leftButtonText = stringResource(R.string.cancel),
                        rightButtonText = "설정",
                        onLeftButtonClick = { finish() },
                        onRightButtonClick = {
                            val intent = Intent(ACTION_WIFI_SETTINGS)
                            startActivity(intent)
                        },
                    )
                }

        // ...

    }

    override fun onResume() {
        super.onResume()
        networkObserver.checkNetworkState()
    }

    override fun onDestroy() {
        super.onDestroy()
        networkObserver.unsubscribeNetworkCallback()
    }
}

Compose에서 앱 종료 방법

BaekyoungDialog(
    title = stringResource(id = string.network_dialog_title),
    description = stringResource(id = string.network_dialog_description),
    leftButtonText = stringResource(R.string.cancel),
    rightButtonText = stringResource(id = string.setting),
    onLeftButtonClick = { finish() },  // <-- MainAcitivty 에서 실행되는 코드라 바로 finish() 호출 가능.
    onRightButtonClick = {
        val intent = Intent(ACTION_WIFI_SETTINGS)
        startActivity(intent)
    },
)

근데, finish() 말고도 finishAffinity() 도 있고, finishAndRemoveTask() 도 있다.

앞에거 두 개의 차이는 잘 모르겠고,

2번째는 앱 종료 후에 앱 서랍(최근 실행 앱)에서 앱이 유지,

3 번째는 앱 서랍에서도 앱이 없어짐.

레퍼런스