如何修改主题默认@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
在那里编辑文件将编辑整个应用程序中组件的每次迭代。
我创建了新项目 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
在那里编辑文件将编辑整个应用程序中组件的每次迭代。