ant-design-mobile-rn 的 Toast 不起作用/失效 与 mobx 的provider 冲突

2,809 阅读1分钟

看官方文档

3.0.0开始需要安装 react-native@0.57.x

修改之前的 import 方式改成 import { Button, ... } from '@ant-design/react-native

多语言以及主题,由之前的 LocaleProvider 改成Provider,现在的Provider 支持theme跟locale,Provider 必须在 app 入口指定,不然部分组件用不了(因为现在支持多个 Modal 以及在 Modal 上面显示 Toast) Provider 配置

在组件的render标签用一个包起来即可

import { Provider } from '@ant-design/react-native'

但是mobx-react 同样也是用 Provider标签存储rootStore 数据

两者有冲突,此时可以用 as 排除 import { Provider as AntProvider } from '@ant-design/react-native'