Set Min Width and Min Height of a Container

In some cases, you may need to set a minimum width and height for a Container. These examples will show you how to do this using the minWidth and minHeight properties of the Container widget to limit the padding within a Container.

BoxConstraints is the class which defines min and max size for box layout.

Container(
          color: Colors.orange,
          constraints: BoxConstraints(
              minHeight: 200, minWidth: double.infinity),
          child: ListView(
            shrinkWrap: true,
            children: [
              ...List.generate(
                100,  
                (index) => Text(
                  'Text: ${index}'
                ),
              ),
            ],
          ),
        )
@override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(0, 8.0, 0, 8.0),
      child: Container(
        padding: const EdgeInsets.all(8.0),
        decoration: BoxDecoration(
            color: MyTheme.cardColor,
            border: Border.all(
              color: MyTheme.cardColor,
            ),
            borderRadius: MyTheme.radius),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Expanded(
              flex: 9,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  RowField(
                      left: LabelValue(
                          label: "Qty",
                          value: _showQty(stockQuant!.purchase_qty,
                              stockQuant!.purchase_uom[1])),
                      right: LabelValue(
                          label: "Loose Qty",
                          value: _showQty(stockQuant!.loose_qty,
                              stockQuant!.product_uom[1])),
                      flexes: [5, 5]),
                  RowField(
                      left: LabelValue(
                          label: "Location", value: stockQuant!.location_id[1]),
                      right: LabelValue(
                          label: "Lot", value: stockQuant!.lot_id[1]),
                      flexes: [5, 5]),
                ],
              ),
            ),
            Expanded(child: IconButton(onPressed: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => ProductMovePage(product: product, stockQuant: stockQuant)),
              );
            }, icon: Icon(Icons.add_task , color: MyTheme.highlightColor)), flex: 1)
          ],
        ),
      ),
    );
  }

Similar Posts

  • Router and Navigation Packages

    fluro Fluro is a Flutter routing library that provides custom routing capabilities such as wildcards, named parameters, and clear route definitions. beamer The Router and Navigator’s Pages API, aka “Navigator 2.0,” enables you to traverse guarded page stacks and URLs via the Router and Navigator. shelf_router Supports URL parameters, nested routers, and router constructions generated…

  • Font and Emoji Packages

    font_awesome_flutter The Font Awesome Icon pack is available as Flutter Icons. It adds 1500 additional icons to your app, in addition to the default set of 500. flutter_font_icons As the name suggests, this is a collection of font icons built with Flutter. It includes all fonts from react-native-vector-icons and WeatherIcons. icon_font_generator Convert all icons in…

  • Chart and Graph Packages

    We will go over some of the best Flutter packages that create charts and graphs so that you don’t have to waste time searching them out. graphic Graphic is the perfect Flutter library for anyone looking to visualize data in a clear, concise way. With its easy-to-use charting library, you’ll be able to create stunning…

  • Encryption Packages

    steel_crypt The library includes a wide range of high-level, cryptographic APIs. Hashing, password hashing, two-way encryption, MAC authentication, and key/IV generation are all supported by this library. cryptography Encryption, digital signatures, key agreement, authentication, and hashing are just a few of the cryptographic methods that may be used. AES, Chacha20, ED25519, X25519, and more are…

  • Packages for Payment Implementation

    These Flutter packages for payment implementation provide everything you need to get started including in-app purchases (IAP) and subscriptions. flutter_stripe_payment To accept card payments, add Stripe to your Flutter application and use Payment Intents with Strong SCA 3DS Compliance. cashfree_pg This is the official Flutter plugin for integrating Cashfree PG with your app. It displays…