استخدام bootstrap في مشروع React Native

مكتبة Bootstrap تعتمد على تنسيقات CSS لإضافة التنسيقات للمكونات ضمن صفحات الويب، React Native لتطبيقات الجوال لا يمكنها استخدام تنسيقات CSS، فهي تقنية مستخدمة ضمن متصفحات الويب فقط وليس ضمن التطبيقات الأصلية Native، التنسيقات يمكن التعبير عنها بكائنات Objects فيها مفاتيح لخواص التنسيقات تُشبه بأسمائها تنسيقات CSS،

يمكن تثبيت واستخدام مكتبة react-native-bootstrap-styles التي تحوي كائنات تنسيقات تطابق أسمائها أسماء الأصناف في Bootstrap كالتالي: 

const { styles: s, constants: c } = bootstrapStyleSheet;
...

<View style={[s.body]}>
  <View style={[s.container, s.h100, s.justifyContentCenter]}>
    <Text style={[s.text, s.title]}>مرحبًا</Text>
  </View>
</View>

  بتاريخ On 21‏/6‏/2022 at 19:55 قال صالح قريشه:

السلام عليكم 
قمت بتثبيت المكتبة  داخل المشروع واستدعاءها داخل ملف العمل
لكن لم اعرف كيف اضع العناصر بطريقه صحيحه داخل الكود

أظهر المزيد  

وعليكم السلام ورحمة الله،

ماهي العناصر التي تحاول وضعها بالتحديد.

checkbox 
button
textinput 
text
view

اعتذر منك، ظننت انك تتحدث عن مشروع html سؤحول السؤال لشخص اخر خبير في react native.

  بتاريخ On 21‏/6‏/2022 at 19:59 قال صالح قريشه:

checkbox 
button
textinput 
text
view

أظهر المزيد