[Android] LiveData와 DataBinding의 양방향 바인딩 시 발생하는 오류 해결하기

문제 상황

• 안드로이드 개발에서 LiveData와 DataBinding을 결합해 양방향 바인딩을 구현하려고 할 때 아래와 같은 오류가 발생할 수 있다.

The expression 'userViewModelInputText.getValue()' cannot be inverted, so it cannot be used in a two-way binding

Details: There is no inverse for method getValue, you must add an @InverseMethod annotation to the method to indicate which method should be used when using it in two-way binding expressions

• 이 오류는 EditText의 텍스트 변경을 LiveData에 자동으로 반영하려고 할 때 발생한다.
• 여기서 중요한 점은 LiveData가 기본적으로 양방향 바인딩을 지원하지 않기 때문에, DataBinding 시스템이 값 변경을 자동으로 LiveData로 전달할 방법을 찾지 못한다는 것이다.

원인

• LiveData는 단방향 데이터 흐름을 지원하도록 설계되었으며, 일반적으로 ViewModel의 데이터가 변경될 때 UI가 자동으로 업데이트되도록 사용된다. 그러나 UI의 값이 변경될 때 LiveData로 그 변화를 전달하는 "역방향 바인딩"이 기본적으로 지원되지 않는다.
• DataBinding 시스템은 양방향 바인딩을 위해 "역방향 메서드"가 필요하지만, LiveData는 getValue() 메서드만 제공하고 있으며, 이를 "반대로 전달할 메서드"가 없기 때문에 위와 같은 오류가 발생한다.

해결 방법

1. BindingAdapter와 InverseBindingAdapter를 이용한 수동 설정

• 양방향 바인딩을 구현하려면 BindingAdapter와 InverseBindingAdapter를 이용해 LiveData의 변화를 감지하고 수동으로 업데이트할 수 있다. 그러나 이 방법은 복잡하고 코드가 길어질 수 있다.

// BindingAdapters.kt
package com.yujin45.androidstudy

import android.text.Editable
import android.text.TextWatcher
import android.widget.EditText
import androidx.databinding.BindingAdapter
import androidx.databinding.InverseBindingAdapter
import androidx.databinding.InverseBindingListener

@BindingAdapter("app:inputText")
fun setInputText(view: EditText, value: String?) {
    if (view.text.toString() != value) {
        view.setText(value)
    }
}

@InverseBindingAdapter(attribute = "app:inputText")
fun getInputText(view: EditText): String {
    return view.text.toString()
}

@BindingAdapter("app:inputTextAttrChanged")
fun setInputTextListener(view: EditText, listener: InverseBindingListener?) {
    if (listener != null) {
        view.addTextChangedListener(object : TextWatcher {
            override fun afterTextChanged(s: Editable?) {
                listener.onChange()
            }
            override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}
            override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}
        })
    }
}

2. ObservableField로 전환하여 양방향 바인딩 설정

• 또 다른 대안으로는, ObservableField를 사용하여 양방향 바인딩을 쉽게 설정하는 방법이 있다. ObservableField는 기본적으로 양방향 바인딩을 지원하므로, @={...}를 통해 UI와 데이터 간의 자동 업데이트를 구현할 수 있다.

// UserViewModel.kt
import androidx.databinding.ObservableField
import androidx.lifecycle.ViewModel

class UserViewModel : ViewModel() {
    val inputText = ObservableField<String>("") // Observable field for two-way binding
}

• 이 방법은 LiveData의 단방향 제한을 해결하고 더 간단한 코드로 양방향 바인딩을 구현할 수 있다.

결론

• LiveData는 양방향 바인딩을 지원하지 않기 때문에, 양방향 바인딩이 필요할 경우 ObservableField로 전환하는 것이 더 간단한 해결책이 될 수 있다. 만약 LiveData를 꼭 사용해야 하는 경우에는 BindingAdapter와 InverseBindingAdapter로 수동 설정이 필요하며, 이 방법은 복잡도가 증가할 수 있다.

위의 에러 상황을 통해 LiveData와 DataBinding을 결합할 때는 주로 단방향 바인딩으로 사용하는 것이 좋고, 양방향 바인딩이 필요한 경우에는 ObservableField를 고려해 보는 것이 좋다는 점을 알 수 있었다.