Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

प्रतिक्रियाशील का उपयोग करके अपने ऐप में स्टाइल या सीएसएस कैसे जोड़ें?

<घंटा/>

आपके ऐप को स्टाइल करना इस प्रकार किया जा सकता है -

  • स्टाइलशीट घटक का उपयोग करना
  • इनलाइन शैलियों का उपयोग करना

स्टाइलशीट घटक का उपयोग करना

जब आप अपने ऐप में स्टाइल लागू करना चाहते हैं तो रिएक्ट नेटिव स्टाइलशीट घटक बहुत काम आता है और साफ-सुथरा होता है। स्टाइलशीट घटक के साथ काम करने के लिए पहले इसे नीचे दिखाए अनुसार आयात करें -

'react-native' से आयात { StyleSheet };

आप इस प्रकार स्टाइलशीट घटक का उपयोग करके शैली बना सकते हैं -

कॉन्स्ट स्टाइल =स्टाइलशीट.क्रिएट ({कंटेनर:{फ्लेक्स:1, मार्जिनटॉप:स्टेटसबार। करंट हाइट || 0,}, आइटम:{मार्जिन:10, पैडिंग:20, मार्जिन वर्टिकल:8, मार्जिन हॉरिजॉन्टल:16,}} );

उपरोक्त शैली का उपयोग आपके कोड के अंदर निम्नानुसार किया जा सकता है -