كيف يمكنني استخدام أوراق أنماط CSS مع تطبيق React Native الخاص بي؟
كيف يمكنني استخدام أوراق أنماط CSS مع تطبيق React Native الخاص بي؟
user
يمكنك استخدام وحدات CSS لاستخدام أوراق أنماط CSS التقليدية مع تطبيق React Native الخاص بك.
هنا هو الرمز:

استيراد رد فعل من "رد فعل"؛
استيراد {عرض، نص، SafeAreaView} من 'react-native'؛
نمط الاستيراد من "./App.module.css"؛ // تم استيراد ملف CSS

تصدير الوظيفة الافتراضية التطبيق () {
  يعود (
    <>
      <عرض المنطقة الآمنة>
        <عرض النمط={style.container}>
          <Text style={style.text}>ألفا</Text>
          <Text style={style.text}>دلتا</Text>
        </عرض>
      </SafeAreaView>
    </>
  );
}

مع ملف Css الذي يبدو كالتالي:

.حاوية {
  التدفق المرن: العمود؛
  ضبط المحتوى: الفضاء بالتساوي؛
  محاذاة العناصر: مركز؛
  العرض: '100%';
  الارتفاع: 20؛
}

.نص {
  اللون: '#ffffff'؛
}
assistant