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

  • Text-to-Speech Packages

    Text-to-speech (TTS) is the process of using software to read aloud text that is displayed on a screen. Text-to-speech programs can convert text into speech, and do so in various ways depending on the user’s familiarity with the system. flutter_tts flutter_tts is a good Text to Speech Flutter plugin available on pub.dev platform. This plugin…

  • Monetization Packages

    google_mobile_ads Google Mobile Ads may use the Flutter plugin, which supports banner, interstitial (full-screen), rewarded and native advertisements. unity_ads_plugin The Unity Ads plugin for Flutter Applications is a mobile game advertising platform. This plugin can show both Unity Banner Ads and Unity Video Ads. appodeal_flutter Appodeal is a Flutter plugin that displays advertisements on the…

  • Packages to Scan Barcode and QR

    flutter_barcode_scanner A plugin for Android and iOS that enables barcode scanning. Barcodes, QR codes, and other types of coding are all supported. qr_flutter A Widget or custom painter may be used to display QR codes for Flutter. qr_code_scanner The zxing library is a QR code scanner that can be integrated into flutter. It makes use…

  • 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…

  • Authentication Packages

    google_sign_in A Google Sign-In authentication system for signing in with a Google account on Android and iOS using the Flutter plugin. http_auth The library deploys a HTTP basic or digest authentication from Dart. firebase_auth The Flutter plugin for Firebase Auth enables Android and iOS authentication using passwords, phone numbers, and identity providers like Google, Facebook,…

  • Floating Action Button Packages

    simple_speed_dial A simple Flutter speed dial. You may add as many speed dial alternatives as you wish. Labels may be added beside the options. Every FAB’s color can be customized. draggable_fab The FAB wrapper widget may be dragged to any edge of the screen and is draggable. curved_nav_bar The left and right side of the…