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

时间:2017-05-02 16:44:08

标签: react-native shoutem

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

那么修改所有应用程序的最佳方法是修改这个theme.js文件? 当我尝试修改一个像View这样的内容时,图片按照这里的教程: https://github.com/shoutem/theme 我的导航栏出现错误,如下图: enter image description here

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

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

这是索引文件: enter image description here

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

1 个答案:

答案 0 :(得分:0)

您应编辑的文件位于:

扩展/ EXTENSIONNAME /应用程序/主题/ ThemeName.js

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

您应该查看how to write a Theme上的Shoutem文档。

它会告诉你:

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

  • 如何自定义

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

  • 如何为Builder添加更多详细信息以进行管理

当你最初创建一个主题时,如前面提到的文档解释的那样,它将是默认Shoutem主题的副本,所以你将有一个完整功能的主题,你可以编辑,以满足你的需要和需要。

您还可以查看有关UI Toolkit的Shoutem文档,了解有关Shoutem组件(包括NavigationBar),ThemesAnimations的更多信息。

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

编辑为对评论的回复:

你必须使用:

$ npm install --save @shoutem/theme

在项目目录中。

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

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

node_modules / @们ShoutEm / UI /组件

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