反应原生应用程序主题

Question

我有一个与 React Native 相关的问题。

我有现有的应用程序应该设置主题，并且主题应该是可配置设置的一部分。这种主题应该有3个方面：改变颜色/主题，改变标志和添加自定义字体

我看到这是一种设置视图，其中：

• 将有可能上传图片，图片将存储在 ios 和 android 的文件系统中，然后用作品牌标志
• 将有多个设置将一些主要、次要、按钮颜色作为哈希值，或者可能是一些颜色选择器组件
• 最复杂的事情是拥有自定义字体，用户可以在应用程序的设置视图中配置这些字体。有没有人做过这种事情的经验？

以上几点的任何想法/建议都会有所帮助。喜欢两个平台的本地库链接或更多经验 React Native 开发人员的任何提示

Answer 1

我认为实现您想要的最佳方法是：

• 使用https://github.com/itinance/react-native-fs 访问文件系统，以便您可以轻松存储和访问用户想要的徽标。如果图像有一些大小限制，您也可以将图像 Base64 字符串存储在 AsyncStorage 中，但不建议这样做。
• 您可以使用屏幕使用的全局样式文件来创建一种主题系统，请求的值（例如“dark”、“light”等）可以存储在 AsyncStorage 中。
• 您希望用户能够使用他自己的个人字体吗？我不认为这是可能的。如果您想拥有多种字体并且用户可以选择在列表中使用哪种字体，例如您可以按照本教程安装自定义字体：https://medium.com/@kswanie21/custom-fonts-in-react-native-tutorial-for-ios-android-76ceeaa0eb78。然后你要做的就是使用你的主题系统来选择你的文本元素将使用的 fontFamily ！

如果我不够清楚或者您需要建议，请告诉我，我最近做了您试图实现的目标:)