مطالعه این مقاله ارزشمند 1 دقیقه و 15 ثانیه زمان نیاز دارد مطالعه کنید، مشارکت کنید و به اشتراک بگذارید


عنوان مقاله: چگونه در فلاتر تکست فیلدها را راست به چپ کنیم

یکی از عمده ترین مشکلاتی که زبانهای راست به چپ دارن این هستش که باید یه سری تغییراتی رو انجام بدن خارج از پیش فرض تولیداتی که برای انجام هستش مثلا نوشتن از راست به چپ نمایش آیکن در سمت راست یکی از تکست فیلدها و غیره. در این مقاله آموزشی کوچیک بهتون یاد میدم که چطور این تصویری که براتون گذاشته شده رو بتونیم پیاده سازی کنیم. یکی از خصوصصیات جالب فلاتر این هستش که شما متونید قسمتهایی رو راست به چپ و قسمتهای رو چپ به راست طراحی کنید و این یکی از خصوصیات بارز این فریم ورک هستش. برای این کار شما باید از ویجت Directionality استفاده کنید. به این منظور که میتونید بهش بگید تمام ویجتهایی که داخل این قرار میگیرن راست به چپ باشن یا چپ به راست. به عنوان مثال:

Directionality( textDirection: TextDirection.rtl, child: TextField( keyboardType: TextInputType.text, textDirection: TextDirection.rtl, textAlign: TextAlign.right, autofocus: false, onSubmitted: (String username) {}, decoration: InputDecoration( labelText: 'ddddd', hintText: 'یسیسی', contentPadding: EdgeInsets.all(10.0), border: OutlineInputBorder( borderRadius: BorderRadius.circular(3.0))), style: TextStyle( color: Colors.green, fontSize: 12.0, fontFamily: 'iranSansLight', ), ), ),

برای ویجت Directionality الان ما از


textDirection: TextDirection.rtl

استفاده کردیم که به فلاتر میگه عضو این ویجت که TextField هستش رو میخام از راست به چپ باشه. شما وقتی برای این مورد تو تکست فیلد از labelText استفاده میکنید انیمیشن و مکانش رو هم بر اساس زبانهای راست به چپ میچینه خودش. برای تسکت فیلدی که در این کد میبینید ما مقدمات و اقدامات لازم رو هم برای راست به چپ نوشتن هم انجام دادیم که میتونید به عنوان یک کد کامل برای پروژه هاتون ازش استفاده کنید

بیوگرافی
مهندس مهدی پیشگوی

مهدی پیشگوی هستم متخصص تولید اپلکیشنهای موبایلی اندروید و سامانه های تحت وب. مسلط به اکثرا ابزارهای تولید وب از قبیل Php - NodeJs - React - VueJs و تولید اپلیکشنهای اندرویدی با Java و ReactNative. تو این سایت تمام تجربه ۱۵ سال من در اختیار شما قرار داده شده است

شما اولین فردی باشید که نظر ارزشمندی ارسال میکند

برای نظرات شما احترام قائل هستیم و بر حسب مشارکت مفید و سازنده شما کدهای تخفیف منحصر به فردی جهت خرید محصولات سایت ارسال خواهد شد



لطفا برای ارسال نظر وارد سایت شوید یا ثبت نام کنید. کلیک کنید

خواندن مطالب با ارزش زیر برای شما توصیه می شود

  • خطای composer و عدم ساپورت نسخه php
    مدت زمان مورد نیاز برای مطالعه: 1 دقیقه و 8 ثانیه
    مقالات آموزشی laravel - تیر 17، 1397

    چند روز پیش مشکلی که برام پیش اومد این بود که وقتی داشتم سایتم رو بالا می اوردم دیگه پوشه vendor که مربوط به لاراول بود رو آپلود نکردم. بعدش وقتی با دستور composer سعی کردم نصب و آپدیت کنم خطا داد. ...

  • مایگریشن ها رو تو لاراول به دلخواه به عقب برگردونیم
    مدت زمان مورد نیاز برای مطالعه: 1 دقیقه و 3 ثانیه
    مقالات آموزشی laravel - تیر 20، 1397

    زمانی که ما داریم از مایگریشن ها استفاده میکنیم بارها پیش اومده که آخرین جدولی که ساختیم نیاز به ویرایش داشته و با انجام rollback یا refresh کردن تمام جداول بانک اطلاعاتی رو به قبل برمیگردونیم ولی ...

  • در php کودوم خط از کدی که نوشتیم باعث بروز خطا میشه
    مدت زمان مورد نیاز برای مطالعه: 1 دقیقه و 14 ثانیه
    مقالات آموزشی laravel - مرداد 23، 1397

    زمانی که در حال توسه نرم افزار هستیم بارها پیش اومده که خطاهایی دریافت میکنیم که به نظر آشکار میان ولی وقتی میخایید بفهمید که کودوم خط این اتفاق افتاده و اون رو دیباگ کنید به مشکل میخورید مخصوصا زم ...

  • پورت استفاده شده توسط لاراول رو kill کنیم
    مدت زمان مورد نیاز برای مطالعه: 1 دقیقه و 4 ثانیه
    مقالات آموزشی laravel - مرداد 23، 1397

    یکی از مهمترین مشکلاتی که من برای توسعه سیستم دیجیتال مارکتینک اینستاگرام داشتم این بود که رکوئستی که میفرستادم سمت اینستاگرام برای لایک زدن و فالو کردن و یا ارسال کامنت خیلی طولانی میشه و دیگه لوک ...

  • خطای composer و عدم ساپورت نسخه php
    مدت زمان مورد نیاز برای مطالعه: 1 دقیقه و 8 ثانیه
    مقالات آموزشی laravel - تیر 17، 1397

    چند روز پیش مشکلی که برام پیش اومد این بود که وقتی داشتم سایتم رو بالا می اوردم دیگه پوشه vendor که مربوط به لاراول بود رو آپلود نکردم. بعدش وقتی با دستور composer سعی کردم نصب و آپدیت کنم خطا داد. ...

  • پورت استفاده شده توسط لاراول رو kill کنیم
    مدت زمان مورد نیاز برای مطالعه: 1 دقیقه و 4 ثانیه
    مقالات آموزشی laravel - مرداد 23، 1397

    یکی از مهمترین مشکلاتی که من برای توسعه سیستم دیجیتال مارکتینک اینستاگرام داشتم این بود که رکوئستی که میفرستادم سمت اینستاگرام برای لایک زدن و فالو کردن و یا ارسال کامنت خیلی طولانی میشه و دیگه لوک ...