جافا سكريبت - كيف يمكن تغيير العروض داخل نفس الشاشة (React Native)؟
أريد تكرار ما يلي باستخدام react-native-scrollable-tab-view:
حاليًا الكود الخاص بي هو كما يلي، لكنني لست متأكدًا من كيفية تنفيذ ودمج الوحدة لجعل الأمور أسهل - هل لدى أي شخص أي أفكار حول كيفية تنفيذ ذلك؟ (أنا مبتدئ لذا أي مساعدة ستكون
اقرأ أكثر →جافا سكريبت - عرض تسلسل المكونات في React Native
عند تصحيح أخطاء موقع React، يمكنني عرض تسلسل المكونات باستخدام أدوات تطوير React:
كيف يمكنني القيام بنفس الشيء في React Native؟ قائمة الاهتزاز الغاضب تحتوي على 'المفحص' ولكنه يبدو أنه يتيح لي فقط فحص عنصر واحد بالنقر عليه - لا أرى أي طريقة لتصفح كامل تسلسل المكونات.
الإجابة رقم 1
لسوء
اقرأ أكثر →جافاسكريبت - رياكت نيتف - تقسيم الكلمات
أعمل على تطبيق React Native حيث أعرض بعض النصوص داخل مربعات. أحيانًا تكون الكلمات الفردية في المربعات طويلة جدًا بحيث لا يمكن وضعها في سطر واحد، لذا يقوم RN ببساطة بكسر الكلمة عندما تصبح طويلة جدًا ويكمل النص في السطر التالي. لسوء الحظ، يؤدي هذا إلى تهجئة ضعيفة للكلمات (انظر المربع الأيسر في الصورة). أحاول إيجاد حل لتحسين هذا بحيث يكون الناتج في هذا المثال مثل المربع الأيمن حيث يتم تهجئة الكلمة في نقطة معقولة. أعلم أن هناك مكتبات جافاسكربت تتعامل مع التهجئة. هذا على سبيل المثال يكسر الكلمات إ
اقرأ أكثر →جافاسكريبت - كيف تحدد العرض بالنسبة المئوية في React Native؟
أحاول إنشاء عرض بحدود حوله يكون في المنتصف ويملأ 80٪ من الشاشة. لقد توصلت إلى هذا:
<View style={{flexDirection: 'row'}}> <View style={{flex: .1}} /> <View style={{flex: .8, borderWidth: 2}} /> <View style={{flex: .1}} /> </View>الذي يعمل، لكنه يبدو
اقرأ أكثر →جافاسكريبت - ما يعادل mousedown في React Native
إذا كنت أصنع موقعًا إلكترونيًا، يمكنني استخدام حدث mousedown لتشغيل شيء ما عندما يتم الضغط على زر الفأرة (ولم يتم تحريره بعد).
في React Native، لدي TouchableHighlight ويمكنني تسجيل رد نداء onPress، لكن هذا يحدث فقط عندما أفلت إصبعي عن الزر.
هل هناك طريقة للتشغيل بمجرد أن يلمس الإصبع الزر،
اقرأ أكثر →جافاسكريبت - صوت إشعار الدفع ريأكت نيتيف
أحاول إضافة صوت إلى إشعار الدفع المحلي الخاص بي. أنا أستخدم RN 0.45.1 و react-native-push-notifications 3.0.0
تمكنت من جدولة الإشعارات في iOS و Android بالصوت الافتراضي. لم أتمكن من إضافة صوت مخصص.
لدي ملف صوتي من نوع mp3. لقد جربت التالي:
- ضع الملف في مجلد مشروعي: '/src/assests/sounds/sound.mps' (مجلد داخل مشروعي) اقرأ أكثر →
جافاسكريبت - اختبار React Native FlatList باستخدام Enzyme
أحاول اختبار قائمة FlatList في React Native باستخدام Enzyme. أريد التحقق مما إذا تم استدعاء الدالة الصحيحة عندما تصل القائمة إلى النهاية:
import { listIsAtTheEnd } from "./actions"; import { mount } from "enzyme"; jest.mock("./actions"); describe("Main page", () => { if("Calls listIsAtTheEnd when FlatList reaches the end", () => { var app = mount(<App />); var container = app.find("FlatListContainer"); var fList = container.childAt(0); اقرأ أكثر →جافاسكريبت - يبدو أن الرفع يعمل في React Native مع const
لقد لاحظت شيئًا مثيرًا للاهتمام في React Native. كنت أعتقد أن const و let لا يدعمان الرفع (hoisting) في ES6. كيف من الممكن استخدام const styles قبل تعريفه؟
render() { const { repos } = this.state; const reposList = repos.map((rep, index) => { return ( <Text>{rep.name}</Text> ) }); return ( <View style={styles.container}> <-- styles should not اقرأ أكثر →جافاسكريبت - تغيير تاب ودفع الشاشة في wix react-native-navigation
كيف يمكنني التبديل بين التبويبات ودفع الشاشة في آن واحد؟ عندما يتم الضغط على الزر، أود التبديل إلى تبويب آخر ودفع شاشة جديدة. هل هذا ممكن؟
class Example extends Component { buttonHandler = () => { this.props.navigator.switchToTab({ tabIndex: 0 }); اقرأ أكثر →جافاسكريبت - مقارنة locale في React Native لا تعمل على أندرويد
أنا أحاول ترتيب مصفوفتي أبجدياً.
myArray.sort(function(a, b){ return a.title.localeCompare(b.title ,'tr'); })تحتوي مصفوفتي على أحرف تركية مثل "ç,ş,ü,ö,ı". يعمل الرمز الخاص بي بشكل صحيح على نظام التشغيل iOS ولكنه لا يعمل بالطريقة التي أريدها على نظام Android. يتم فرزها أبجديًا، لكن الكلمات التي تبدأ بالأحرف التركية تكون في أسفل القائمة.
الإجابة رقم 1
في الإصدارات الأخيرة من React Native، يمكنك تمكين دعم Intl في تطب
اقرأ أكثر →