React Native組件樣式的最佳實踐

Question

我目前正在為我公司的React Native應用程序開發設置樣板代碼。 我們一般都是React Native和Mobile App開發的新手，但擁有大量的React / JS開發人員。

我想知道React Native中組件樣式的最佳實踐是什么。 我很想知道你如何構建你的樣式代碼以及你使用什么方法進行樣式設置。

我查閱了幾篇文章，對使用內聯樣式，核心庫中的StyleSheet組件或使用StyledComponents等庫之間的方法有各種看法

在代碼結構方面，我目前使用index.js和styles.js將我的組件拆分為自己的文件夾。 這是一個可擴展的解決方案，用於更多組件開發嗎

任何建議或反饋，我將非常感激。

Answer 1

這是一個強烈反對意見的回應，我使用樣式化的組件來設計我的組件，我發現它非常簡單直觀，也很容易用SSR實現樣式。 對於較小的項目，我在JSX上使用帶有className屬性的vanilla css。 對於一些快速樣式，我使用帶有style屬性的JS對象表示法。

Answer 2

我沒有使用內聯CSS。 在我看來，這不是一個好習慣。

在我的項目結構中，請使用功能明智。 例如，我們考慮登錄功能

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

在Login.js中，您可以從Login.stylesheet.js導入樣式

import st from "./Login.stylesheet"

在可重用文件夾中，我們維護shared.stylesheet以及一些常見的樣式