Perşembe, Haziran 13, 2024
Sanal Gündem
Ana SayfaKodlamaFlutterFlutter OutlineButton ve Özellikleri

Flutter OutlineButton ve Özellikleri

Flutter’da OutlineButton, çevre çizgisiyle çerçevelenmiş bir düğme oluşturmak için kullanılan bir bileşendir. OutlineButton, kullanıcılar tarafından tıklanabilir ve etkileşime girebilir bir düğme sağlar. İşte OutlineButton’un bazı özellikleri:

  1. onPressed: onPressed özelliği, düğmeye tıklandığında gerçekleşmesi gereken bir işlevi temsil eder. Bu özelliğe bir işlev atanır ve düğme tıklandığında bu işlev çalıştırılır. Örneğin:
OutlineButton(
  onPressed: () {
    print('Düğmeye tıklandı!');
  },
  child: Text('Tıkla'),
),
  1. child: child özelliği, düğmenin içinde görünen widget’ı temsil eder. OutlineButton’un içinde herhangi bir widget kullanılabilir, ancak genellikle Text widget’ı kullanılır. Örneğin:
OutlineButton(
  onPressed: () {},
  child: Text('Tıkla'),
),
  1. color: color özelliği, düğmenin arkaplan rengini belirtir. OutlineButton, çerçeveli bir düğme olduğu için genellikle arka plan rengi kullanılmaz. Bunun yerine, düğmeyi çevreleyen çizgi rengini belirtmek için borderSide özelliği kullanılır. Örneğin:
OutlineButton(
  onPressed: () {},
  child: Text('Tıkla'),
  borderSide: BorderSide(
    color: Colors.blue,
  ),
),
  1. textColor: textColor özelliği, düğme metninin rengini belirtir. Renk, Material Design rengi olarak tanımlanabilir veya bir renk nesnesi olarak belirtilebilir. Örneğin:
OutlineButton(
  onPressed: () {},
  child: Text('Tıkla'),
  textColor: Colors.blue,
),
  1. shape: shape özelliği, düğmenin şeklini belirtir. OutlineButton’un şekli, varsayılan olarak biraz yuvarlatılmış bir dikdörtgendir. Farklı şekiller kullanmak için RoundedRectangleBorder veya BeveledRectangleBorder gibi şekil sınıflarını kullanabilirsiniz. Örneğin:
OutlineButton(
  onPressed: () {},
  child: Text('Tıkla'),
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10),
  ),
),

Bu özellikler, OutlineButton bileşeninin sadece bazılarıdır. Flutter, düğmelerin görünümünü ve davranışını özelleştirmek için daha birçok özelliği destekler.

Yunus Emre Altay
Yunus Emre Altayhttp://yunusemrealtay.com.tr
Biz, yenilikçi çözümler ve dijital dönüşüm süreçlerinde uzmanlaşmış olarak, web, mobil ve masaüstü yazılımlar geliştiriyor ve işletmelerinizi geleceğe taşıyoruz. Analizlerimizi sıkı çalışması ve deneyimi ile, size özel çözüm önerileri sunarak iş süreçlerinizi optimize etmeye odaklanıyoruz
RELATED ARTICLES
- Reklam Alanı -

En Popüler

Son Yorumlar