如果大多数反应性本机应用程序都有一个共同点,那就是它们显示文本的方式。一些简单的应用程序显示很小,但是大多数应用程序都大量显示了。这就是为什么有必要构建正确的系统来构建正确的系统确保将文本添加和重建文本尽可能简单。
现在,您可能会想到 - 为什么我会读一篇有关如何管理如此简单的组件的文章?
这只是文字,对吗?是的,但是更常见,您需要看起来像上面的文本应用程序样式和属性,以使其看起来按照自己的看法。
当您必须执行应用程序中的所有文本时,它会增加。当然,这会导致问题 - 我可以减少代码的重复吗?
多年来,我已经做了很多尝试来解决这个问题。最后,我可以说我找到了一种解决方案,使我非常令人满意。
该解决方案非常简单,但它基于最佳用户界面的实践。我的意思是什么?为标题,段落和您可能需要的其他文本提供预定义的样式。
重要的是,您的应用程序的所有文本都属于这些定义,并且该数字不会失控。
保持一个简短的定义是很好的,因此在编码时更容易记住,并且您的应用程序在您自己的风格上是一致的。
没什么可说的,这是上述组件和补充文件的代码。
在要点上查看此代码
一旦准备了所有这些,就可以简单地导入组件并按照以下方式使用它。
在要点上查看代码
这很简单。通常,只有当您需要添加间距,颜色或包装时,才需要将额外样式应用于特定的文本组件实例。
从Internet获取文本组件的名称和层次结构使其非常容易理解和记住。
您可能已经注意到,通过使用prop-types,当您在上述组件的示例上设置类型时,很容易注意到您是否拼写错误。
尽管在您的React Native项目中添加自定义字体不在本文讨论的范围之内,但您可能会发现本文很有用,我们在那里讨论了此确切的主题。
如您所见,该解决方案非常干净,简单,但是它解决了组件的问题。这个问题是如此基本,以至于通常被忽略。
关于构成我们应用程序核心DNA的组件的时间和想法可以发挥出色的作用。
希望您认为这篇文章对您有所帮助,希望您最终可以在项目中实现此解决方案。