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

标签 javascript css reactjs react-native

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

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

我查阅了几篇文章,对于使用内联样式、核心库中的 StyleSheet 组件或使用诸如 StyledComponents 之类的库之间的方法有多种看法

在代码结构方面,我目前将我的组件拆分到它自己的文件夹中,其中包含 index.jsstyles.js。这是用于更多组件开发的可扩展解决方案吗?

如果有任何建议或反馈,我将不胜感激。

最佳答案

这是一个非常自以为是的回应,我使用样式化组件来为我的组件设置样式,我发现它非常简单直观,而且使用 SSR 也很容易实现样式化。对于较小的元素,我在我的 JSX 上使用带有 className 属性的 vanilla css。对于一些快速样式,我使用带有 style 属性的 JS 对象表示法。

关于javascript - React Native 组件样式的最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56285979/

相关文章:

javascript - 如何结合定制的Twitter Bootstrap和H5BP?

javascript - 在动画 gif 上添加播放/暂停按钮而不被带到图像的 URL

javascript - 如何获取svg map 起点的纬度和经度坐标(x=0,y=0)?

css - 如何在边框间距设置为单独的 tr 上有一个连续的边框底部?

html - 向右浮动在媒体查询中不起作用?

jquery - runat ="server"破坏了我的 jquery/css 功能

javascript - Next.js + Tailwind : no error, 中的自定义字体但字体错误

javascript - React.js 状态 undefined variable

javascript - OpenUI5 : JS views vs. XML View

reactjs - 从 redux-saga 中调用 redux-form 调度(change)