时间戳

首页 > 解决方案 > UI Kitten & React Native Web 没有自定义映射

expo - UI Kitten & React Native Web 没有自定义映射

问题描述

我在尝试在 React Native Web 中加载最基本的自定义映射时遇到问题。自定义样式在应用程序中加载得很好，但不是 Web。使用此处建议的 babel loader hack 的最新版本。我正在使用 UI Kitten docs for v5.x 中建议的默认映射

我的代码如下所示：

import * as eva from '@eva-design/eva'
import * as mapping from '../styles/mapping.json'
import { myTheme } from '../styles/light-theme'

export default function App(): React.ReactElement {
    return <>
            <ApplicationProvider {...eva} theme={myTheme} customMapping={mapping}>
             ...
            </ApplicationProvider>
        </>
}

标签： exporeact-native-webreact-native-ui-kitten

解决方案

我尝试使用空白 repo 进行复制，它工作正常，所以一次一行我发现我的导入不正确（babel 无法读取？）。

代替：

import * as mapping from '../styles/mapping.json'

应该：

import {default as mapping} from '../styles/mapping.json'

UIKitten 文档中建议了正确的方法，所以我认为这不会发生在很多人身上，但可能会对其他人有所帮助，因为如果有人长时间使用 App 模拟器并且不检查 Web 直到之后。

推荐阅读