Skip to main content
De winkelwagen is leeg
De winkelwagen is leeg

Free Flutter Widgets

Here you'll find all sorts of Free Flutter Widgets


Responsive Widget

Made with Containers

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class ResponsiveWidgetTest extends StatelessWidget {
  const ResponsiveWidgetTest({super.key});

  @override
  Widget build(BuildContext context) {
    MediaQueryData mediaQuery = MediaQuery.of(context);
    double widgetWidth = mediaQuery.size.width;
    return Container(
        padding: const EdgeInsets.all(2).w,
        color: Colors.blueAccent,
        width: widgetWidth,
        height: 0.33.sh,
        child: Container(
          decoration: BoxDecoration(
              color: Colors.red,
              borderRadius: const BorderRadius.all(Radius.circular(8)).w),
          width: 0.98.sw,
          height: 0.3.sh,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                color: Colors.green,
                width: 0.405.sw,
                height: 0.295.sh,
                child: const SizedBox(),
              ),
              Container(
                color: Colors.greenAccent,
                width: 0.405.sw,
                height: 0.295.sh,
                child: const SizedBox(),
              ),
            ],
          ),
        ));
  }
}

Kom in Contact

Heb je vragen of je wilt meer informatie, laat dit dan weten, ik help je graag !
Danny van Dijk Ghekko Developer