如何渲染Shoutem扩展

Question

我想知道如何渲染一些Shoutem扩展，为简单起见，我将把它渲染为我唯一的组件，如下所示：

import 'es6-symbol/implement';

import React from 'react';
import {
  AppRegistry,
  View
} from 'react-native';

import { AppBuilder } from '@shoutem/core';
import { NavigationBar } from '@shoutem/ui';
import { createStore } from 'redux';
import { Provider } from 'react-redux';

import extensions from './extensions.js';
import { screens } from './extensions/kevinyclu.restaurants/app/index';

const List = screens.List;
const store = createStore((state, action) => state);
const App = () => <Provider store={store}><View><List /></View></ Provider>;


// noinspection JSCheckFunctionSignatures
AppRegistry.registerComponent('Restaurant', () => App);

但这给了我一个错误说：

虽然如果我用const App = ...

时最初那里的代码替换shoutem configure

const App = new AppBuilder()
  .setExtensions(extensions)
  .setRenderNavigationBar(renderNavigationBar)
  .build();

然后一切正常，所以我想知道如何使用Shoutem扩展？或者我是否完全忽略了扩展点？

Answer 1

您只需添加一个屏幕即可将其添加到Builder中。该流程在我们的入门文档中进行了解释。您创建一个扩展，使用快捷方式创建一个屏幕，然后将其上传到Shoutem服务器并将其安装在Builder上的一个应用程序中。

之后，您可以转到Builder中的应用，然后点击Screens旁边的+按钮添加新扩展程序的屏幕。您可以通过选择Custom类别轻松找到新的扩展程序。

请记住，安装新应用后，您应该在克隆应用的目录中运行shoutem configure。这将设置您在Builder上安装新扩展程序后的新配置。

一些建议;如果你在Builder上卸载扩展程序，那么完全重新克隆你的应用程序会很好，因为shoutem configure不会从目录中删除扩展程序，这可能会隐藏＆＃34;隐藏＆ ＃34;错误。例如，您可能正在从卸载的该扩展程序中导入某些内容，但由于文件仍然存在，即使它们已被卸载，您也不会收到错误。