java - 即使宽度设置为 50，容器也会占用整个宽度

Question

我正在观察一个非常奇怪的行为。我已经将 的 设置为width即使它占据了整个屏幕。Container50width

import 'package:flutter/material.dart';

class AppDrawerNew extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 50,
      color: Colors.green,
    );
  }
}

我也试着把Container里面包裹起来SizedBox。即使这样，它也占据了整个width屏幕。

class AppDrawerNew extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 50.0,
      child: Container(
        color: Colors.green,
      ),
    );
  }
}

我不确定我到底做错了什么。接下来我可以尝试什么？

标签： javaandroidflutterdartflutter-layout

Answer 1

import 'package:flutter/material.dart';

void main() {
  runApp(AppDrawerNew());
}
class AppDrawerNew extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: Container(
            width: 50.0,
            height: 100.0,
            color: Colors.green,
          ),
      ),
    );
  }
}

容器必须是 MaterialApp 和 Scaffold 的子容器