flutter - 颤振行未在非物质应用程序中显示子项
问题描述
我有以下非常简单的 Flutter 代码:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
color: Colors.green,
child: Row(
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
width: 100,
height: 100,
color: Colors.red,
),
Container(
width: 100,
height: 100,
color: Colors.blue,
),
],
)
);
}
}
我希望看到一个带有绿色背景的应用程序,并且一行中有 2 个方框。
但是,我似乎只看到绿色背景,没有盒子。
我也尝试过mainAxisAlignment
和crossAxisAlignment
。
我似乎做错了什么?
文件:
解决方案
您需要将容器包装在 WidgetsApp 或更常用的基于 WidgetsApp 的 MaterialApp 或 CupertinoApp 中。这些小部件提供了 Flutter 应用程序所需的默认配置。像导航行为等,请参阅此链接了解更多信息:https ://api.flutter.dev/flutter/widgets/WidgetsApp/WidgetsApp.html
一个工作示例:
import 'package:flutter/material.dart';
//import 'package:flutter/cupertino.dart'; // If using CupertinoApp
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return WidgetsApp( // Alternatively replace with MaterialApp or CupertinoApp
color: Colors.white,
builder: (context, widget) {
return Container(
color: Colors.green,
child: Row(
children: <Widget>[
Container(
width: 100,
height: 100,
color: Colors.red,
),
Container(
width: 100,
height: 100,
color: Colors.blue,
),
],
)
);
},
);
}
}
希望这可以帮助 :-)
推荐阅读
- javascript - 如何替换字符串中的最后一个字符,JS
- android - 使用 FirebaseRecyclerOptions 检索数据
- python-3.x - 如何让插入为入口小部件python工作
- c# - 如何获取当前登录用户的详细信息?
- sqlite - 单独的 SELECT 语句输出是正确的,当 JOINed 时输出不正确
- r - 如何在嵌套循环中索引多个列?
- module - 使用另一个模块
- php - PHP 嵌套 foreach 与 XML
- angular - Angular/Reactive Forms - 添加或删除 FormControl 列表 - 绑定模板(附演示)
- ntp - 自动日期和时间更新导致 Linux 机器上的时间错误