Hamidreza Ramezani
Hamidreza Ramezani
خواندن ۲ دقیقه·۱۰ ماه پیش

ساختار ویجت Scaffold در فلاتر:

مقدمه

در فلاتر، یک scaffold (سازه) یک ساختار ابتدایی است که یک چارچوب بصری برای یک برنامه با طراحی عناصر فراهم می‌کند. معمولاً شامل عناصری مانند نوار برنامه (app bar)، بدنه (body) و دکمه شناور است. ویجت Scaffold فرآیند ایجاد چارچوب‌ها و ساختارهای متداول برنامه‌ها را ساده‌تر می‌کند. بیایید با برخی از ویژگی‌ها و نمونه‌های آن آشنا شویم:

ویژگی‌های Scaffold در فلاتر:

1. appBar:

توضیحات: تعیین نوار برنامه در بالای صفحه اپلیکیشن.

مثال:

Scaffold( appBar: AppBar( title: Text('My App'), ), // other properties... )


2. body:

توضیحات: مشخص می‌کند محتوای اصلی ساختار.

مثال:

Scaffold( body: Center( child: Text('Hello, Flutter!'), ), // other properties... )


3. floatingActionButton:

توضیحات: یک دکمه شناور را تعیین می‌کند.

مثال:

Scaffold( floatingActionButton: FloatingActionButton( onPressed: () { // Add your onPressed logic here }, child: Icon(Icons.add), ), // other properties... )

4. drawer:

توضیحات: یک کشوی کناری برای ناوبری(Navigation) تعیین می‌کند.

مثال:

Scaffold( drawer: Drawer( child: ListView( children: <Widget>[ ListTile( title: Text('Item 1'), onTap: () { // Handle item 1 tap }, ), // Other list items... ], ), ), // other properties... )

5. bottomNavigationBar:

توضیحات: یک نوار ناوبری(Navigation) پایین را اضافه می‌کند.

مثال:

Scaffold( bottomNavigationBar: BottomNavigationBar( items: [ BottomNavigationBarItem( icon: Icon(Icons.home), label: 'Home', ), // Other items... ], ), // other properties... )

6. backgroundColor:

توضیحات: رنگ پس‌زمینه ساختار را تعیین می‌کند.

مثال:

Scaffold( backgroundColor: Colors.blue, // other properties... )


7. resizeToAvoidBottomInset:

توضیحات: این ویژگی زمانی که کیبورد اندروید باز میشود تعیین میکند آیا صفحه اصلی اسکرول بخورد یا اینکه ثابت بماند.

مثال:

Scaffold( resizeToAvoidBottomInset: false, // other properties... )


تصویر تمام ویژگی ها در Scaffold

نتیجه‌گیری:

ویجت Scaffold در فلاتر یک راه مناسب برای ساختاردهی چیدمان برنامه شما فراهم می‌کند. این ویژگی‌ها به شما امکان می‌دهند که جوانب مختلف ساختار را بر اساس نیازهای طراحی برنامه‌ی خود سفارشی‌سازی کنید. ترکیب این ویژگی‌ها به شما امکان می‌دهد تا یک رابط کاربری یکپارچه و کارآمد در یک برنامه فلاتر ایجاد کنید.

scaffold فلاترویجت scaffoldother propertiesرابط کاربریفلاتر
سلام. حمیدرضا هستم ، علاقه مند به دنیای تکنولوژی ، برنامه نویس ، دونده و کمی هم کتابخون. از این که منو دنبال میکنید ممنونم.
شاید از این پست‌ها خوشتان بیاید