استخدام 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>

بتاريخ 1 دقيقة مضت قال صالح قريشه:

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

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

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

checkbox 
button
textinput 
text
view

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

بتاريخ 15 دقائق مضت قال صالح قريشه:

checkbox 
button
textinput 
text
view