Question

我想创建一个与波纹管布局相同的小部件。

+===================+ => A not fixed height widget
|  ---------------  |
| |               | |
| |               | | => Image()
|  ---------------  |
|  ~~~~~~~~~        | => Text()
|  ~~~~~~~~~~~~~    | => Text()
+===================+

我如何才能减小Image Widget的大小，使其在Flutter中得到允许？如果我也有一个大的父部件，我也将尽可能。

Answer 1

Expanded中的

Column可以满足您的需要。您可以更改Container的高度和宽度。展开的flex将填充父级高度的百分比。

import 'package:flutter/material.dart';

class Question5 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(
        color: Colors.grey.shade300,
        width: MediaQuery.of(context).size.width, //you can change width here
        height: MediaQuery.of(context).size.height, //you can change height here
        child: Column(
          children: <Widget>[
            Expanded(
              child: Image.network(
                'https://www.visioncritical.com/hubfs/Imported_Blog_Media/BLG_Andrew-G_-River-Sample_09_13_12.png',
                fit: BoxFit.cover,
              ),
            ),
            Text(
              'Some title here',
              style: TextStyle(
                fontSize: 25.0,
              ),
            ),
            Text(
              'Some subtitle here',
              style: TextStyle(
                fontSize: 15.0,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

如何使Widget在其Flutter中的父组件变小？

1 个答案: