ویجت 4 (FloatingActionButton در فلاتر)

خوب دوستان عزیز بریم سراغ یکی از ویجت های جذاااااب فلاتر یعنی Fab

خوب بی مقدمه بریم سراغ کد نویسی و ایجاد این ویجت

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: HomeScreen(),
  ));
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.green,
          title: Text('fluttermaster.com'),
        ),
        body: Container(
          child: Center(
            child: Text('Working with FloatingActionButton', style: TextStyle(fontSize: 20.0),),
          ),
        ),
        
       floatingActionButton: FloatingActionButton(
  onPressed: () { print('Clicked'); },
),

        ,
    );
  }
}

خروجی ان به صورت زیر است

میتونیم برای ان بچه تعریف کنیم مثلا یک ایکون یا تکس یا...

child: Icon(Icons.plus_one),

میتونیم رنگ ان را قبل و بعد کلیک کردن تنظیم کنیم

floatingActionButton: FloatingActionButton(
  foregroundColor: Colors.black54,
  backgroundColor: Colors.yellow[600],
  child: Icon(Icons.plus_one),
  onPressed: () { print('Clicked'); },
),

سایه ی پیش فرض این ویجت 6 است که میتونیم این مقدار را به راحتی تغییر بدهیم

floatingActionButton: FloatingActionButton(
  foregroundColor: Colors.black54,
  backgroundColor: Colors.yellow[600],
  elevation: 0,
  child: Icon(Icons.plus_one),
  onPressed: () { print('Clicked'); },
),

میتونیم این ویجت را به حالت مینی تبدیل کنیم

floatingActionButton: FloatingActionButton(
  foregroundColor: Colors.black54,
  backgroundColor: Colors.yellow[600],
  child: Icon(Icons.plus_one),
  mini: true,
  onPressed: () { print('Clicked'); },
),

میتونیم به راحتی مکان ان را تغییر بدهیم

floatingActionButton: FloatingActionButton(
  child: Icon(Icons.add),
  onPressed: () { print('Clicked'); },
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,

مقادیر متفاوتی دارد که میتوانید استفاده کرده و مکان ویجت را به جای متناسب خود ببرید

به همین سادگی به همین خوشمزگی.

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

روز های زیبا و جذاااااااااااااااااابی داشته باشید قلب یادتون نره :)