1

我创建了新项目 react native，然后我通过 nom install 将@shoutem/ui、@shoutem/theme、@shoutem/animation 安装到我的项目中......！但是当我试图找到更好的方法来修改全局主题时我遇到了问题。我在文件夹 node_module/shoutem/ui 中找到了 theme.js，如下图所示！ 在此处输入图像描述

那么修改所有应用程序的最佳方法是修改这个 theme.js 文件？当我尝试修改 1 内容，如查看，图片跟随教程在这里： https ://github.com/shoutem/theme 我的导航栏出现了如下图所示的错误： 在此处输入图像描述

那么你们可以帮助我，建议我修改shoutem的全局主题默认值的最佳方法吗？修改 theme.js 还是使用其他东西？

还有一件事情！当我尝试通过https://builder.shoutem.com/构建应用程序时，然后使用终端拉应用程序！我有项目！但是看不到里面的任何代码，只有扩展和这么多信息！builder完成后不知道什么是真实代码！这是拉应用程序完成后的图片项目！ 在此处输入图像描述

这是索引文件： 在此处输入图像描述

那么，如果仅对 index.js 文件中的信息进行排序，我该如何学习:(

4

1 回答 1

0

您应该编辑的文件位于：

extensions/ExtensionName/app/theme/ThemeName.js

其中“ExtensionName”是指具有您在应用程序中使用的屏幕的扩展程序。

您应该阅读有关如何编写 Theme的 Shoutem 文档。

它会告诉你：

  • 如何创建该文件（ThemeName.js，您的自定义主题）

  • 如何自定义它

  • 如何使用 Builder 在 Styles>Themes>Customize Theme 中管理有关它的详细信息

  • 如何添加更多详细信息以供 Builder 管理

当您最初创建主题时，如上述文档所述，它将是默认 Shoutem 主题的副本，因此您将拥有一个功能齐全的主题，您可以对其进行编辑以满足您的需求。

您还可以查看有关UI 工具包的 Shoutem 文档，以了解有关 Shoutem 组件（包括NavigationBar）、主题和动画的更多信息。

我链接所有这些文档的原因是因为文档涵盖了此处显示的所有问题，其详细程度比我在此处的答案中所能提供的要详细得多，并且可以通过自我教育来解决提问者的误解和误解.

编辑作为对评论的回应：

你必须使用：

$ npm install --save @shoutem/theme

在您的项目目录中。

您可以阅读有关主题的文档，以更好地了解如何将主题样式应用于您自己的组件。

如果要全局编辑特定组件，则必须在以下位置编辑该组件：

node_modules/@shoutem/ui/components

在那里编辑文件将编辑整个应用程序中组件的每次迭代。

于 2017-05-02T23:37:32.003 回答