flutter 有一个顶部和底部的差距

tcomlyy6  于 2022-12-05  发布在  Flutter
关注(0)|答案(4)|浏览(151)

嗨,我已经删除了扩展,现在的粗体文本的孩子有 curl 的波浪,我做错了什么在这里。
下面是我的代码i,请指教,谢谢

import 'package:flutter/material.dart';

class Introduction extends StatefulWidget {
  const Introduction({super.key});

  @override
  State<Introduction> createState() => _IntroductionState();
}

class _IntroductionState extends State<Introduction> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(children: [
      Container(
        color: Color.fromARGB(255, 255, 255, 255),
        child: Column(mainAxisAlignment: MainAxisAlignment.start),
        **child**: const Center(
            child: Image(
                height: 1000,
                width: 1000,
                image: AssetImage("lib/images/instruction.png"))),
      )
    ]));
  }
}
eqoofvh9

eqoofvh91#

删除您的Expanded小部件即可。

sauutmhj

sauutmhj2#

在Column类中使用mainAxisAlignment: MainAxisAlignment.start,

xtfmy6hx

xtfmy6hx3#

我想你的代码应该是这样的。

class Introduction extends StatefulWidget {

  @override
  State<Introduction> createState() => _IntroductionState();
}

class _IntroductionState extends State<Introduction> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(children: [
        Container(
        color: Color.fromARGB(255, 255, 255, 255),
        child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
        children: [
          const Center(
            child: Image(
                height: 1000,
                width: 1000,
                image: AssetImage("lib/images/instruction.png")))]),
    )
    ]));
  }
}
91zkwejq

91zkwejq4#

强烈建议使用内置的Dart格式化程序来格式化你的代码,这样你可以清楚地看到你的代码和小部件的结构和层次。
在您的示例中,您在Scaffold中使用Column作为主体小部件

Scaffold(body: Column(children: [

Column接受一个小部件列表,这就是方括号的作用。然后你添加Container作为列表的第一个子元素,但是在Container中你添加了另一个Column作为子元素,并且尝试传递另一个**child**: const Center。但是这是在Container中完成的,它只接受一个子参数,一个小部件(也可以是Column,接受一个小部件列表)
您当前的层次结构如下所示,但不正确:

Scaffold
 - Column
 -- Container
 --- Column
 --- Center 
 (It breaks before Image, because Container can only hold 1 Widget)
 ---- Image

根据您的要求,您应该具有以下层次结构之一:
第一次

第一个

第一个

相关问题