当前位置: 首页 > 知识库问答 >
问题:

MVVM-自定义模型的MutableLiveData未通过数据绑定更新到ViewModel,并且始终为空

阴迪
2023-03-14

总结:

当我尝试向存储库发送自定义模型时,MutableLiveData为null。我认为这是因为可变LiveData的观察者。

请读到最后。

视图模型

class LoginViewModel @Inject constructor(
        private val repository: MyRepository) : ViewModel() {


    var loginModel: MutableLiveData<LoginModel>

    init {
        loginModel = MutableLiveData<LoginModel>()
    }

    fun loadUser(): LiveData<Response<Custom<Token>>> {

        return repository.login(loginModel.value!!)
    }
}

正如你在这里看到的,我有一个可变的LiveData

我的LoginModel是这样的

data class LoginModel(var user : String, var password : String)

使用数据绑定和与上面的ViewModel绑定定义了一个片段。

login_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.app.example.view.BaseActivity">

    <data>
        <variable
            name="viewModel"
            type="com.app.example.view.login.LoginViewModel" />

    </data>

    <android.support.constraint.ConstraintLayout
        android:id="@+id/activityMain"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/bg_login">

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="80dp"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            android:layout_marginTop="80dp"
            app:cardCornerRadius="7dp"
            app:cardElevation="22dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center|top"
                android:layout_marginTop="60dp"
                android:text="@string/bienvenido_text"
                android:textAllCaps="true"
                android:textSize="20sp" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_margin="20dp"
                android:orientation="vertical">

                <android.support.design.widget.TextInputLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <EditText
                        android:id="@+id/etEmail"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="20dp"
                        android:layout_marginRight="20dp"
                        android:cursorVisible="true"
                        android:text="@{viewModel.loginModel.user}"
                        android:gravity="center|start|bottom"
                        android:hint="@string/email_text"
                        android:inputType="textEmailAddress"
                        android:maxLength="50"
                        android:paddingBottom="10dp"
                        android:textSize="18sp" />

                </android.support.design.widget.TextInputLayout>

                <android.support.design.widget.TextInputLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:passwordToggleEnabled="true">

                    <android.support.design.widget.TextInputEditText
                        android:id="@+id/etPassword"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="20dp"
                        android:layout_marginRight="20dp"
                        android:layout_marginTop="30dp"
                        android:cursorVisible="true"
                        android:gravity="center|start|bottom"
                        android:hint="@string/contrasenia_text"
                        android:text="@{viewModel.loginModel.password}"
                        android:inputType="textPassword"
                        android:maxLength="50"
                        android:paddingBottom="10dp"
                        android:textSize="18sp" />

                </android.support.design.widget.TextInputLayout>

                <Button
                    android:id="@+id/btnServerLogin"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="15dp"
                    android:padding="10dp"
                    android:text="@string/ingresar_text"
                    android:textSize="18sp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|center"
                android:layout_marginBottom="40dp"
                android:orientation="horizontal">

            </LinearLayout>
        </android.support.v7.widget.CardView>

    </android.support.constraint.ConstraintLayout>

</layout>

使用数据绑定,我实现了etEmail和Model UserModel的属性用户之间的关系,还实现了etPassword和属性密码之间的关系

当用户单击btnServerLogin时,LoginFrach将执行以下代码

binding.btnServerLogin.setOnClickListener {
                loginViewModel!!.loadUser().observe(this, Observer<Response<Custom<Token>>> { this.handleResponse(it) })
}

这就是问题所在。

Kotlin. KotlinNullPointer异常

这是因为loginModel。价值是空的

fun loadUser(): LiveData<Response<Custom<Token>>> {

        return repository.login(loginModel.value!!)
}

MutableLiveData的值总是null。我想它会在你输入电子邮件或密码的编辑文本的同时改变。

这是我初始化ViewModel的登录片段OnActivityCreated的代码

override fun onActivityCreated(savedInstanceState: Bundle?) {
    super.onActivityCreated(savedInstanceState)
    setHasOptionsMenu(true)
    DeviceUtils.setTranslucentStatusBar(activity!!.window, R.color.colorPrimaryDark)

    loginViewModel = ViewModelProviders.of(this, viewModelFactory)
            .get(LoginViewModel::class.java)
    binding.setLifecycleOwner(this)
    binding.viewModel = loginViewModel


    binding.btnServerLogin.setOnClickListener {
                mPostsViewModel!!.loadUser().observe(this, Observer<Response<RespuestaModel<JwtTokenModel>>> { this.handleResponse(it) })
    }

    return
}

我做错了什么?我需要添加一个特定的观察者吗?

共有3个答案

谭翰海
2023-03-14

MutableLiveData

init {
    loginModel = MutableLiveData<LoginModel>()
    loginModel.value = LoginModel()
}

因为您没有设置值,所以这样做会导致

return repository.login(loginModel.value!!)

苍阳成
2023-03-14

这也发生在我身上,只是我在ViewModel上使用了可变LiveData,而没有将片段/活动注册为ViewDataBinding的LifeCycleOwner。

这个问题不会遇到这个问题,因为

    binding.setLifecycleOwner(this)

这可能与问题无关,但如果有人像我一样在这里着陆,请仔细检查您是否在绑定中使用了setLifecycleOwner。

谭正谊
2023-03-14

多亏了@公社西瓜,我解决了一部分问题,但还不够。以下是完整的解决方案:

一方面,我们必须初始化MutableLiveData的value属性,正如@1所说:

var loginModel: MutableLiveData<LoginModel> = MutableLiveData()

init {
    loginModel.value = LoginModel()
}

另一方面,我们需要在布局中正确设置绑定

在@{variable.field}的情况下,绑定器将生成一段代码,通过调用变量来获取值。getField()。请注意,如果没有提供“get”单词,则活页夹会隐式地为其添加前缀。因此,@{variable.getField()}是一个显式有效选项。

在@={variable.field}的情况下,绑定器将创建与之前相同的代码,但带有从视图获取值并将其设置回对象的附加代码

读完后,我们需要改变装订方式

android:text="@{viewModel.loginModel.password}"
android:text="@{viewModel.loginModel.user}"

android:text="@={viewModel.loginModel.password}"
android:text="@={viewModel.loginModel.user}"

编辑

对于那些没有使用上述解释解决问题的人,请尝试使用以下行在片段中注册lifecycleOwner:

binding.setLifecycleOwner(this)

良好的编码!

 类似资料:
  • 如何将MVVM值绑定到dropdownlist?下面的输入元素运行良好

  • 问题内容: 我有一个视图模型,其中包含其他对象的集合。 在我的一种视图中,我传入ParentViewModel作为模型,然后使用 其中显示Id和Name属性的表单。 当用户单击一个按钮时,我通过Ajax调用一个操作以加载带有Child集合的局部视图: 然后使用自定义模板Child来显示每个传入的Child的表单。 我遇到的问题是,Child自定义模板创建的表单未使用DefaultModelBind

  • 自定义绑定(Custom Binding)允许我们通过代码实现自定义绑定规则,从而完成更高级的业务需求。 示例代码 //.js片段 justep.Bind.bindingHandlers.yourBindingName = { init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {

  • 我正在使用。Net framework 4.6.1和Swashback版本5.3.2在我的WebApi项目中。Swagger UI没有提供将输入作为请求主体发送到使用自定义模型绑定器的my POST Api的选项。 -使用的模型: -使用的API Post方法: -使用的活页夹型号: 我面临以下问题: > 当我们在post方法中使用“ModelBinder”时,Swagger UI显示这个屏幕,其

  • 我已经看了很多这个问题的答案,但我还没有找到一个可行的解决方案。我正在尝试制作一个Web应用程序,您可以使用Express和multer上传文件,我有一个问题,没有文件正在上传,req.file总是未定义。 下面是我的代码 表格 非常感谢帮助,这快把我逼疯了。

  • 这似乎很简单,但我无法让它正常工作。最简单的MAUI应用程序,标签绑定到“CountDisplay”,按钮绑定到“IncreaseCount”。命令绑定起作用,标签绑定第一次读取其值,但从未刷新。我做错了什么?谢谢你的帮助。 MainPage.xaml MainPageViewModel。反恐精英