Mobx状态树不会在React native中重新渲染屏幕组件

Question

我有以下代码

import React, { FunctionComponent as Component } from "react"
import { observer } from "mobx-react-lite"
import { useStores } from "../models"

export const LoginScreen: Component = observer(function LoginScreen() {
  const rootStore = useStores()
return (
<Screen>
<Text> {rootStore.counter}</Text>
<Button onPress={() => rootStore.addCounter()} />
</Screen>
)
})

但是当我按下按钮时，组件文本将不会更新，它只会在刷新/重新启动应用程序后显示递增的数字。

我该如何使用它？

Answer 1

我目前无法发表评论，如果可能，请您分享商店的资源。但是我在这里拍照片：