نمایش نتایج 1 تا 3 از 3

نام تاپیک: ویجت SafeArea فلاتر

  1. #1
    کاربر دائمی آواتار hharddy
    تاریخ عضویت
    اسفند 1392
    محل زندگی
    تهران
    پست
    374

    ویجت SafeArea فلاتر

    SafeArea یک ویجت مهم و مفید در Flutter است که رابط کاربری را پویا و سازگار با طیف گسترده ای از دستگاه ها می کند.
    به عبارت ساده، SafeArea اساساً یک ویجت padding است که بر اساس دستگاهی که روی آن اجرا می شود، هر گونه padding لازم را به برنامه اضافه می کند.
    اگر ویجت‌های برنامه شما بر روی هر یک از ویژگی‌های سیستم مانند بریدگی‌ها، نوار وضعیت، سوراخ‌های دوربین یا هر ویژگی دیگری از این قبیل قرار دارند، SafeArea در صورت لزوم، paddingرا در اطراف برنامه اضافه می‌کند.
    SafeArea از MediaQuery داخلی برای بررسی ابعاد صفحه نمایش استفاده می‌کند و در صورت نیاز دارای padding اضافی است.


    SafeArea({ Key key,
    left: true,
    top: true,
    right: true,
    bottom: true,
    EdgeInsets minimum: EdgeInsets.zero,
    bool maintainBottomViewPadding: false,
    @required Widget child})


    همانطور که در بالا می بینید Constructor که برای safeArea طراحی شده به کاربر اجازه میده اون رو به حالت سفارشی در بیاره و اجازه گسترش در یک جهت خواص رو بده .که این موارد با مقدار دهی به چهار گزینه left: ,top , right: ,bottom , که یک مقدار bool رو دریافت میکنند مقدار دهی می شود.

    گزینه بعدی در این آپشن ها EdgeInsets minimum است که بهویجتاعلام میکند که حداقل فاصله مناسب از اطراف رو بگیره که اگر همانطور در قسمت قبل توضیح داده شد اگر مقدار جهت ها Falseبود در اون مسیر این محدودیت اعمال نخواهد شد.
    گزینه بعدی maintainBottomViewPadding است که به ویجت اعلام میکند که باید گزینه padding رو ارجع قرار بده یا گزینه ViewPadding .که یک مقدار bool رو قبول می کند.
    و در پایان یک قسمت کد کامل و نحوه استفاده از SafeArea رو بیان می کنیم.
    [COLOR=white !important]


    [/COLOR]

    class MyApp extends StatelessWidget {
    @override Widget build(BuildContext context) {
    return MaterialApp(
    home: SafeArea( left: true,
    top: true,
    right: true,
    bottom: true,
    EdgeInsets minimum: EdgeInsets.zero,
    maintainBottomViewPadding: false,
    child: Scaffold(
    body: Text( 'This is an example explaining use of SafeArea in flutter-learn.ir',
    style: TextStyle(color: Colors.green, fontSize: 20), ),
    ),
    ),
    );
    }}}

    منبع: مرجع فارسی آموزش فلاتر

  2. #2
    کاربر دائمی آواتار fakhravari
    تاریخ عضویت
    دی 1388
    محل زندگی
    بوشهر
    سن
    32
    پست
    7,953

    نقل قول: ویجت SafeArea فلاتر

    سلام
    پیشنهاد می کنید کلیه صفحات در قالب SafeArea باشد؟




  3. #3
    کاربر دائمی آواتار hharddy
    تاریخ عضویت
    اسفند 1392
    محل زندگی
    تهران
    پست
    374

    نقل قول: ویجت SafeArea فلاتر

    نقل قول نوشته شده توسط fakhravari مشاهده تاپیک
    سلام
    پیشنهاد می کنید کلیه صفحات در قالب SafeArea باشد؟
    بستگی داره, اگر از appbar استفاده میکنید نیازی به استفاده از این ویجت ندارید چون خودش مقدار padding رو محاسبه میکنه

تاپیک های مشابه

  1. پاسخ: 0
    آخرین پست: یک شنبه 21 شهریور 1395, 20:07 عصر
  2. پاسخ: 11
    آخرین پست: چهارشنبه 08 مهر 1394, 13:37 عصر
  3. پاسخ: 2
    آخرین پست: پنج شنبه 22 آبان 1393, 17:34 عصر
  4. پاسخ: 1
    آخرین پست: پنج شنبه 12 بهمن 1391, 11:21 صبح

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •