时间戳

首页 > 解决方案 > React Native 组件样式的最佳实践

javascript - React Native 组件样式的最佳实践

问题描述

我目前正在为我公司的 React Native 应用程序开发设置样板代码。一般来说，我们是 React Native 和移动应用程序开发的新手，但有大量的 React/JS 开发人员。

我想知道 React Native 中组件样式的最佳实践是什么。我很想知道您如何构建样式代码以及您使用什么方法进行样式设置。

我查阅了几篇文章，对于使用内联样式、StyleSheet核心库中的组件或使用诸如StyledComponents

在代码结构方面，我目前使用 和 将我的组件拆分到自己的文件夹index.js中styles.js。这是用于更多组件开发的可扩展解决方案吗？

任何建议或反馈我都会非常感激。

标签： javascriptcssreactjsreact-native

解决方案

我没有使用内联 CSS。在我看来，这不是一个好习惯。

在我的项目结构中，功能明智。例如，我们考虑登录功能

login -LoginForm.js
      -Login.container.js
      -Login.stylesheet.js

在 Login.js 中，您可以从 Login.stylesheet.js 导入样式

import st from "./Login.stylesheet"

在可重用文件夹中，我们维护 shared.stylesheet 以及一些常见的样式

推荐阅读