1

我是 react-native 的新手，我正在尝试使用该react-native-ui-kitten库。问题是文档并没有真正的帮助。

我已经安装ui-kitten并使用命令指示的主题：npm i react-native-ui-kitten @eva-design/eva

该文档要求配置我认为是App.js文件的应用程序根目录，除非我错了。

所以我将App.js生成的代码更改为：

import React from 'react';
import {
  mapping,
  theme,
} from '@eva-design/eva';
import { ApplicationProvider } from 'react-native-ui-kitten';
import { Application } from './path-to/root.component';

export default class App extends React.Component {

   public render(): React.ReactNode {
     return (
       <ApplicationProvider
         mapping={mapping}
         theme={theme}>
         <Application/>
       </ApplicationProvider>
     );
   }
}

不幸的是，它不起作用。

有人最近用过ui-kitten图书馆吗？

Application Root 的文档是什么意思以及如何设置一个简单的 react-native 项目来使用react-native-ui-kitten？

是的，我实际上检查了文档，但也许有些事情我做得不对。

4

2 回答 2

0

我遇到了同样的问题。我发现这个 UI 工具包的创建者实际上在他们的代码示例中使用了 Typescript。因此，您需要使用 Typescript 模板重新创建 Reactnative 项目，然后将 App.js 相应地重命名为 App.tsx 任何其他组件都需要使用扩展名 .tsx 重命名。确保您阅读了有关 Typescript 的信息：

以下是使用 Typescript 重新创建项目的方法：

一切顺利，

于 2019-07-22T19:27:15.427 回答
0

我也是 react-native 的初学者，似乎我们在实现代码方面有点不同。我不确定这是否会有所帮助，但这是我实现代码的方式：

import * as React from 'react';
import { mapping, light as lightTheme } from '@eva-design/eva';
import { ApplicationProvider } from 'react-native-ui-kitten';
import { Application } from './path-to/root.component';

const App = () => (
    <ApplicationProvider
        mapping={mapping}
        theme={lightTheme}>
        <Application/>
    </ApplicationProvider>
);

export default App;

你可以试试看，让我知道这是否适合你。祝你好运！

于 2019-08-20T08:35:46.757 回答