Positioned nedir ? açıklama ve Örnek

Flutter, uygulama geliştirme sürecinde çeşitli widgetlar ve layoutlar sunar. Bu widgetlar ve layoutlar, kullanıcılara uygulamalarda güzel ve düzenli bir tasarım sağlar. Positioned, Flutter’ın sunduğu widgetlardan biridir.

Positioned, bir Flutter widgetidir ve diğer widgetlar içinde yer alarak widgetların yerini ayarlamak için kullanılır. Positioned widgetı, diğer widgetlar için konum, boyut ve z-order (önizleme sırası) gibi özellikleri belirleyerek, widgetların tasarımını daha iyi kontrol etmenizi sağlar.

Positioned widget, Stack widgetının altında kullanılır. Stack widgetı, çeşitli widgetlar içeren bir düzenleyicidir ve bu widgetlar, üzerindeki sıralama özelliği sayesinde belirli bir öncelik sırasına göre görüntülenirler. Positioned widgetı, Stack içindeki widgetların yerlerini ve boyutlarını belirlemek için kullanılır.

Positioned widgetının en önemli özelliği, öğelerin diğer öğelerin üstüne veya altına yerleştirilmesine izin vermesidir. Bu, bir öğenin diğer öğelerin üstünde veya altında görünmesini sağlar. Ayrıca, Positioned widgetı, öğelerin belirli bir pozisyonda kalmasını sağlar. Bu, öğelerin yatay ve dikey olarak hizalanmasını ve düzenli bir görüntü sağlamasını sağlar.

Flutter Positioned widgetı, uygulama geliştiricilerin uygulamalarındaki öğelerin yerlerini, boyutlarını ve düzenini özelleştirmelerine olanak tanır. Bu, uygulamalarınızın daha güzel ve düzenli görünmesini sağlar. Positioned widgetı, diğer widgetlarla birlikte kullanarak, uygulamanızdaki tasarım ve kullanılabilirlik konusunda daha fazla kontrol sahibi olmanızı sağlar.

import 'package:flutter/material.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Stack(
          children: [
            Positioned(
              top: 100,
              left: 50,
              child: Text(
                'Hasan Aylas',
                style: TextStyle(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Bu kod bloğunda, MyHomePage adlı bir StatelessWidget sınıfı tanımlanmıştır. Bu sınıf, Scaffold widgetı içinde Center widgetını barındırır. Center widgetı, Stack widgetının içindeki widgetların merkezi hizalanmasını sağlar.

Stack widgetı, Positioned widgetlarını barındıran bir liste içerir. Bu örnekte, Stack widgetının içinde sadece bir adet Positioned widgetı bulunmaktadır. Positioned widgetı, “Hasan Aylas” kelimesinin belirli bir konumda görünmesini sağlar.

Positioned widgetında, “top” ve “left” özellikleri kullanılarak kelimenin yatay ve dikey pozisyonları belirlenir. Text widgetı, Positioned widgetının “child” özelliği olarak belirtilir ve belirtilen özelliklere göre konumlandırılır.

Bu örnek, uygulamanızdaki diğer widgetlarla birlikte kullanılarak, uygulamanızın tasarımını özelleştirebilir ve kullanıcıların uygulamanızda belirli öğeleri bulmalarını kolaylaştırabilir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir