如何修改主题默认@shoutem/theme

How can i modify theme default @shoutem/theme

我创建了新项目 React Native,然后我通过 nom install 安装了 @shoutem/ui 、@shoutem/theme、@shoutem/animation 到我的项目...! 但是当我试图找到更好的方法来修改全局主题 shoutem 时,我遇到了问题。 我在文件夹 node_module/shoutem/ui 中找到了 theme.js,如下图所示!

所以修改所有这些应用程序的最佳方法是修改此 theme.js 文件? 当我尝试修改 1 个内容(如视图、图像)时,请按照此处的教程进行操作: https://github.com/shoutem/theme 我的导航栏有这样的图片错误:

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

还有一件事!当我尝试通过 https://builder.shoutem.com/ 构建应用程序时,然后使用终端拉取应用程序! 我有项目!但是在里面看不到任何代码,只有扩展名和这么多信息!构建器完成时不知道什么是真正的代码! 这是 pull-app 完成后的图片项目!

这是索引文件:

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

您应该编辑的文件位于:

extensions/ExtensionName/app/theme/ThemeName.js

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

您应该在 how to write a Theme 上阅读 Shoutem 文档。

它会告诉你:

  • 如何创建该文件(ThemeName.js,您的自定义主题)

  • 如何自定义它

  • 如何使用构建器在样式>主题>自定义主题中管理有关它的详细信息

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

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

您还可以查看有关 UI Toolkit to find out more info about Shoutem Components (including NavigationBar), Themes and Animations 的 Shoutem 文档。

我链接所有这些文档的原因是因为文档涵盖了此处显示的所有问题,其方式比我在此处提供的答案更详细,并且提问者的误解和误解可能是通过自我教育解决。

编辑作为对评论的回复:

你必须使用:

$ npm install --save @shoutem/theme

在您的项目目录中。

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

如果您想全局编辑特定组件,您必须在以下位置编辑该组件:

node_modules/@shoutem/ui/components

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