Flutter ile İnternetten Çektiğimiz Bir Resmi Full Ekrana Sığdırma

Güncel ve modern Arayüz Tasarımlarında , tam ekran görüntüye sahip bir çok mobil uygulama görüyoruz. Bu tasarımın flutter dilinde nasıl olacağını basit ve kısa bir şekilde göstermek bugün ki amacmız olacaktır.

Flutter da birçok dekorasyon türü bulunuyor biz , BoxDecoration kullanacağız ve bir BoxFit.cover ile bir DecorationImage uygulayacağız .

import 'package:flutter/material.dart';
void main() {
  runApp(MaterialApp(
    home: TamEkranSayfa(),
  ));
}
class TamEkranSayfa extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        image: DecorationImage(
          image: NetworkImage('https://images.unsplash.com/photo-1478358161113-b0e11994a36b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80'),
          fit: BoxFit.cover
        ) ,
      ),
    );
  }
}

Oldukça basit ve kolay bir şekilde bu konuyu işlediğimizi düşünüyorum. Umarım faydalı olmuştur.