المشكلة الرئيسية المتعلقة بتفاعل العرض الأصلي لمركز المحاذاة الرأسية هي أنه يمكن أن يسبب مشاكل في التمرير. عندما يقوم المستخدم بالتمرير لأسفل الصفحة ، سينتقل المحتوى الموجود في وسط الشاشة معهم ، ولكن المحتوى الموجود على جانبي الشاشة سيظل ثابتًا. قد تكون هذه مشكلة إذا كنت تريد أن يتمكن المستخدمون من رؤية كل المحتوى الخاص بك في وقت واحد.
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
لا توجد طريقة مضمنة لمحاذاة عرض رأسيًا في React Native. ومع ذلك ، يمكنك استخدام خاصية النمط "التحويل" مع القيمة "translateY (50٪)" لتوسيط طريقة عرض رأسيًا.
محاذاة رأسية للنص في تفاعل أصلي (باستخدام originalbase)
يتم التحكم في المحاذاة العمودية في النص بواسطة خاصية TextAlign. هناك ثلاث قيم محتملة:
اليسار
مركز
حق
نص متداخل
في React Native ، النص المتداخل هو ميزة تسمح لك بإنشاء حقل نصي يمكن أن يحتوي على حقول نصية أخرى. يكون هذا مفيدًا إذا كنت تريد إنشاء نموذج يحتوي على عدة حقول ، وتريد الاحتفاظ بالحقول منظمة.
لاستخدام نص متداخل في تطبيق React Native الخاص بك ، قم أولاً بإنشاء مكون TextField جديد. بعد ذلك ، أضف الكود التالي إلى المُنشئ:
this.state = {} ؛
سيؤدي هذا إلى تهيئة حالة حقل النص بحيث يحتوي على سلسلة فارغة. بعد ذلك ، أضف الكود التالي إلى معالج onChange:
this.setState ({text: this.state.text}) ؛
سيؤدي هذا إلى تحديث حالة حقل النص بأي قيمة موجودة فيه حاليًا. أخيرًا ، أضف مكون TextField جديدًا أسفل المكون الأصلي وحدد أنه يجب استخدامه كحقل فرعي:
