0

我想知道如何渲染一些 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 扩展？还是我完全错过了扩展的重点？

4

1 回答 1

0

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

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

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

一些忠告; 如果您曾经在 Builder 上卸载过扩展程序，最好完全重新克隆您的应用程序，因为shoutem configure不会从目录中删除扩展程序，这可能会“隐藏”错误。例如，您可能正在从已卸载的扩展程序中导入某些内容，但您不会收到错误消息，因为这些文件仍然存在，即使它们已被卸载。

于 2018-06-11T18:49:25.237 回答